2017-09-27 24 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軸上完成而不需要重新創建庫。 –