使用ChartJS为特定的X轴标签设置样式

时间:2020-06-18 23:21:00

标签: chart.js

我在ChartJS文档(https://www.chartjs.org/docs/latest/)中看到了如何为整个x轴设置样式,但是我想为单个标签设置样式。

我在https://codepen.io/jsilver951/pen/pozOBzy?editors=1000这里有一个示例代码笔,在其中我尝试在更新功能之前添加属性,但没有任何效果。

不正确

lineChart.options.scales.xAxes[0].ticks.fontColor = "hsl(0,100%,50%)";

有人知道怎么做,甚至可能吗?

1 个答案:

答案 0 :(得分:0)

https://github.com/chartjs/Chart.js/issues/2442中提出了更改每个刻度线样式的问题。 @bevingtongroup 1创建了一个有效的解决方案,并在此处{@ 3neeki} 2举例说明了如何使用它。 该问题现已关闭,但是我不确定它是否已完全实现到最新的chart.js版本中。希望这有助于解决您的问题!