Question

我正在使用chartjs来展示数据。

问题是：我的数据集x轴的结果远离任何圆数，如下所示：

10932.719983363277
12560.833900691468
14190.798503260216
15822.383289061858
17456.06882152693
19092.218364565953
20729.378152457735
22368.86437683459
24010.600817095823
25654.16468236109

我需要chartjs来显示x轴上的刻度，舍入到某些基本步长值，如5000,2000，具体取决于结果范围。刻度的回调只能改变文本，但我需要的是绘制完整的新刻度，引用图形上不在原始数据集中的值（在此示例中为2000）。

为了帮助想象这个问题，请查看小提琴： https://jsfiddle.net/Lsxfdfyg/

尽管xAxes输入很乱，但我希望保持比例不变并向上舍入到一些可读值。

任何想法？

Answer 1

如果您想修改x轴上的刻度线，可以使用 afterBuildTicks 来完成。

xAxes: [{    
    afterBuildTicks: function(mychart) {
        mychart.ticks = [];
        mychart.ticks.push(0);
        mychart.ticks.push(2000);
        mychart.ticks.push(4000);
        mychart.ticks.push(5000);
    }
}],

chartjs xaxis用来自移位输入数据的舍入值

1 个答案: