如何使用JSON在Highcharts同步图中设置yAxis的最小值/最大值

问题描述 投票:0回答:1

我正在使用Highchart的同步图表。很酷但是,我想“指定” yAxis的最小值和最大值。我将这两个参数添加到JSON文件中,但不幸的是它们并未被接受。

JSON文件:

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

yAxis定义:

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

但是那不起作用。知道为什么吗?我正在使用的Here is the原始图形。 Here is a fiddle

javascript highcharts
1个回答
0
投票

在Highcharts API中,我们可以阅读:

max:number,null

...

如果endOnTick选项为true,则最大值可能会四舍五入。 (...)

作为解决方案,请禁用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

© www.soinside.com 2019 - 2024. All rights reserved.