具有不透明度的 Amcharts 网格颜色答案

【问题标题】：Amcharts grid color with opacity具有不透明度的 Amcharts 网格颜色
【发布时间】：2021-03-29 10:42:41
【问题描述】：

需要更改线条（网格）颜色，创建自定义主题，但我的线条不透明

function am4themes_sdTheme(target) {
  if (target instanceof am4core.InterfaceColorSet) {
    target.setFor('text', am4core.color('#ffffff')); // text color
    target.setFor('grid', am4core.color('#ffffff')); // line color
  }
}
am4core.useTheme(am4themes_sdTheme);

谢谢！

【问题讨论】：

我认为使用 CSS 选择器定位行可能更容易。
网格线上没有类，通过选择器 - 不是变体，但谢谢

标签： javascript amcharts amcharts4

【解决方案1】：

这是tick，而不是网格。您必须单独定位它：

function am4themes_sdTheme(target) {
  if (target instanceof am4core.InterfaceColorSet) {
    target.setFor('text', am4core.color('#ffffff')); 
  }
  if (target instanceof am4charts.Tick) { 
    target.strokeOpacity = 0;
  }
}
am4core.useTheme(am4themes_sdTheme);

Tick 扩展了不同类型的元素，因此如果您想区分饼图刻度、轴刻度等，您可能需要更具体并使用 PieTick。

【讨论】：

感谢您的想法，分辨率是 if (target instanceof am4charts.Tick) { target.strokeOpacity = 1 }

【解决方案2】：

function am4themes_sdTheme(target) {
  if (target instanceof am4core.InterfaceColorSet) {
    target.setFor('text', am4core.color('#ffffff')); // text color
    target.setFor('grid', am4core.color('#ffffff')); // line color
  }
  if (target instanceof am4charts.Tick) {
    target.strokeOpacity = 1; // line opacity
  }
}
am4core.useTheme(am4themes_sdTheme);

【讨论】：

请解释您的代码发生了什么。一些注释可以增加代码的清晰度，这对 OP 和社区来说要好得多。