2017-09-27 45 views
0

我正在使用chartjs来显示数据。chartjs xaxis与移位输入数据的圆形值勾号

的问题是:结果在我的数据集的x轴远离任何回合数,像这样:

10932.719983363277 
12560.833900691468 
14190.798503260216 
15822.383289061858 
17456.06882152693 
19092.218364565953 
20729.378152457735 
22368.86437683459 
24010.600817095823 
25654.16468236109 

我需要chartjs上显示根据四舍五入到像5000,2000一些基本的步长值x轴刻度在结果范围内。滴答的回调只能改变文本,但我需要的是绘制完整的新滴答,引用图中不在原始数据集中的值(在本例中为2000)。

为了帮助可视化的问题,检查出的小提琴: https://jsfiddle.net/Lsxfdfyg/

尽管凌乱xAxes输入我想保持规模不变,并四舍五入到一些可读值。

有什么想法?

回答

0

如果要修改X轴上的刻度,可以在构建测试之后使用来完成。

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

感谢您的回答。问题不在于蜱标题,而在于数据集本身。改变现有的刻度标题很容易,但它不会影响图表上的刻度位置。它需要一些额外的数学来根据数据集范围计算它的位置。它是在Y轴上完成的,所以我希望你可以在X轴上完成而不需要重新创建库。 –