highcharts
DataVisualization
highlight.js

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

More than 1 year has passed since last update.

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);
         });
    },
}

スクリーンショット 2017-08-24 8.39.26.png