2017-09-27 10 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 

私は応じて2000年、5000のようないくつかの基本ステップ値に丸めx軸の目盛りを表示するchartjsが必要結果の範囲。ダニのコールバックはテキストのみを変更することができますが、元のデータセット(この例では2000)になかったグラフの値を参照する完全な新しいティックを描くことが必要です。私は一定の規模を維持したいといくつかの読み値に切り上げたい乱雑xAxes入力にもかかわらず https://jsfiddle.net/Lsxfdfyg/

はフィドルをチェックし、問題を視覚化するのに役立ちます。

答えて

0

x軸のティックを修正する場合は、afterBuildTicksを使用してください。

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軸で実行できることを期待していました。 –

関連する問題