簡體   English   中英

如何使用 JSON 在 Highcharts 同步圖表中設置 yAxis 最小值/最大值

[英]How to set yAxis min/max in Highcharts synchronized chart with JSON

我正在使用 Highchart 的同步圖表。 很酷。 但是,我想“指定”yAxis 的最小值和最大值。 我將這兩個參數添加到 JSON 文件中,但不幸的是它們沒有被接受。

JSON 文件:

    "unit": "km/h",
    "type": "line",
    "min": -2,
    "max": 16,

y軸定義:

     yAxis: {
        title: {
           text: null
        },
        min: dataset.min,
        max: dataset.max
     },

但這不起作用。 知道為什么嗎? 這是我正在使用原始圖形。 這是一個小提琴

在 Highcharts API 中,我們可以閱讀:

最大值:數字,空

...

如果 endOnTick 選項為真,則最大值可能會向上舍入。 (……)

作為解決方案,禁用startOnTickendOnTick選項或使用tickPositioner函數手動計算和設置刻度位置,例如:

            yAxis: {
                ...,
                tickPositioner: function(){
                    var ticks = [],
                    step = (dataset.max - dataset.min) / 4;

                  for (var i = dataset.min; i <= dataset.max; i += step) {
                    ticks.push(i);
                  }

                  return ticks;
                }
            }

現場演示: https : //jsfiddle.net/BlackLabel/ev5hz0pk/

API參考:

https://api.highcharts.com/highcharts/yAxis.max

https://api.highcharts.com/highcharts/yAxis.tickPositioner

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM