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：使用填充属性

2 个答案: