HighchartsでY軸目盛をゼロを中央、最大値、最小値をデータ値の絶対値から算出して一定間隔にする。

2760 ワード
highlight.js DataVisualization highcharts highcharts テキストリンク

HighchartsY軸目盛の設定。

  • yAxis.tickPositionerを設定。
  • this.dataMin, this.dataMaxでデータの最小値、最大値が取得できる。
  • 一定間隔（必ず8等分）
"yAxis":[
{
    "tickPositioner": function () {
         var dataMax = Math.max(Math.abs(this.dataMin), Math.abs(this.dataMax));
         return [-1, -0.75, -0.5, -0.25, 0, 0.25, 0.5, 0.75, 1].map(function (n) {
            return Math.round(dataMax * n);
         });
    },
}