Chart.js chartjs xaxis使用移位输入数据的舍入值进行标记
我正在做一个使用chartjs显示数据的项目 问题是:我的数据集的x轴中的结果与任何整数相差很远,如下所示:Chart.js chartjs xaxis使用移位输入数据的舍入值进行标记,chart.js,Chart.js,我正在做一个使用chartjs显示数据的项目 问题是:我的数据集的x轴中的结果与任何整数相差很远,如下所示: 10932.719983363277 12560.833900691468 14190.798503260216 15822.383289061858 17456.06882152693 19092.218364565953 20729.378152457735 22368.86437683459 24010.600817095823 25654.16468236109 我需要char
10932.719983363277
12560.833900691468
14190.798503260216
15822.383289061858
17456.06882152693
19092.218364565953
20729.378152457735
22368.86437683459
24010.600817095823
25654.16468236109
我需要chartjs在x轴上显示刻度,根据结果范围四舍五入到一些基本步长值,如5000、2000。对ticks的回调只能改变文本,但我需要的是绘制完整的新ticks,引用图形上不在原始数据集中的值(在本例中为2000)
要帮助可视化问题,请查看小提琴:
尽管xAxes输入混乱,但我希望保持scale常量,并将其四舍五入到一些可读值
有什么想法吗?如果您想修改x轴上的记号,可以使用afterBuildTicks进行修改
xAxes: [{
afterBuildTicks: function(mychart) {
mychart.ticks = [];
mychart.ticks.push(0);
mychart.ticks.push(2000);
mychart.ticks.push(4000);
mychart.ticks.push(5000);
}
}],
谢谢你的回答。问题不在于ticks标题,而在于数据集本身。更改现有的勾号标题很容易,但不会影响图表上的勾号位置。它需要一些额外的数学来根据数据集范围计算它的位置。它是在Y轴上完成的,所以我希望你可以在X轴上完成,而不必重新创建库。