AmCharts 4：使用填充更改 categoryAxis 颜色属性

Question

我有一个 amCharts 4 柱形图，我试图将类别名称设置为白色，因为我的背景颜色页面是深蓝色，但是当我使用 categoryAxis.fill = am4core.color(" #FFFFFF") 它不会将颜色更改为白色，而是保持黑色，但是当我尝试使用 categoryAxis.stroke = am4core.color("#FFFFFF") 更改描边颜色时，它会更改其描边颜色完美。

为什么当我使用 .fill 时它不起作用？

这是我的 categoryAxis 定义。我做错了什么？

 var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
 categoryAxis.dataFields.category = "category";
 categoryAxis.renderer.grid.template.location = 0;
 categoryAxis.fill = am4core.color("#FFFFFF");
 categoryAxis.stroke = am4core.color("#FFFFFF");
 categoryAxis.renderer.minGridDistance = 30;
 categoryAxis.renderer.grid.template.disabled = true;
 categoryAxis.renderer.cellStartLocation = 0.05
 categoryAxis.renderer.cellEndLocation = 0.95
 categoryAxis.renderer.fontSize = 15;

Answer 1

我刚刚找到解决问题的方法。但我不再使用 categoryAxis.fill。

我使用

为 amCharts 元素设置类

am4core.options.autoSetClassName = true;

并在我的页面上设置此 css

 g.amcharts-AxisLabel-group {
        fill: #FFFFFF !important;
 }

Answer 2

这样更简单

categoryAxis.renderer.labels.template.adapter.add('fill', (fill, target) => { return (target.fill = am4core.color('#fff')); });

AmCharts 4：使用填充更改 categoryAxis 颜色属性

AmCharts 4: change categoryAxis color by using fill property

amcharts4

AmCharts 4：使用填充更改 categoryAxis 颜色 属性

AmCharts 4: change categoryAxis color by using fill property

amcharts4

AmCharts 4：使用填充更改 categoryAxis 颜色属性