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

【问题标题】：Style a specific X-axis label with ChartJS使用 ChartJS 设置特定 X 轴标签的样式
【发布时间】：2020-06-20 03:38:36
【问题描述】：

我在 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%)";

有谁知道这是怎么可能的？

【问题讨论】：

标签： chart.js

【解决方案1】：

在https://github.com/chartjs/Chart.js/issues/2442 提出了更改每个刻度的样式的问题。 @bevingtongroup1 创建了一个可行的解决方案，@kneeki here2 提供了如何使用它的示例。该问题现已关闭，但我不确定它是否已完全实施到最新的 chart.js 版本中。希望这有助于解决您的问题！

【讨论】：

看起来它在开发版上可用，但不幸的是不是最新的稳定版