javascript - 在 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 代码且无需重新绘制 Canvas ，最简单的方法是将标签单元格保留为空字符串。

例如，如果你只想每 10 个点显示一次 x 轴标签，你可以在生成标签时这样做:

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