在Chart.js折线图中更改x轴标签

Question

是否可以在Chart.js中设置自定义x轴标签？目前我正在使用我的索引数组，但很难在这个图表上读取任何内容，所以我想缩放它并只显示指定的索引。 例如：相反[1,2,3,4,5,6,7,8,9,10]，我想设置[1,5,10]

Answer 1

使用Chart.js，您无法覆盖水平轴标签。它是一个很棒的图书馆，很遗憾它不支持这个。

最简单的方法是在不进入Chart.js代码而不重绘画布的情况下，将标签单元格留空。

例如，如果您只想每10个点显示x轴标签，则可以在生成标签时执行以下操作：

    if (ix % 10 == 0) {
        labels[ix]="Label";
    } else {
        labels[ix]="";
    }