HighCharts-设置最小刻度间隔

HighCharts-设置最小刻度间隔,highcharts,angular-highcharts,Highcharts,Angular Highcharts,我有一个列highchart,其中我有两个系列,其中数据如下: series1 : [10000, 20000, 30000, 40000, 50000] series2 : [500, 600, 800, 1200, 1400] 当我有两个轴时,需要将勾选间隔设置为10000。因此y轴的刻度按照系列1进行。看起来不错 现在,我单击图例,只允许显示序列2 因此,只有series2在视图中,而tickinterval 10000并不是我们所需要的 当显示任何一个序列时,即单击图例时,我需要动态

我有一个列highchart,其中我有两个系列,其中数据如下:

series1 : [10000, 20000, 30000, 40000, 50000]
series2 : [500, 600, 800, 1200, 1400] 
当我有两个轴时,需要将勾选间隔设置为10000。因此y轴的刻度按照系列1进行。看起来不错

现在,我单击图例,只允许显示序列2

因此,只有series2在视图中,而tickinterval 10000并不是我们所需要的

当显示任何一个序列时,即单击图例时,我需要动态调整刻度间隔。我如何做到这一点

您可以在以下位置尝试此方案:


[单击Balance(图例)。tickInterval:1000000]

您可以使用
legendItemClick
事件函数回调并动态设置
tickInterval
属性:

  events: {
    legendItemClick: function() {
      if (this.visible) {
        this.yAxis.update({
          tickInterval: 100000
        });
      } else {
        this.yAxis.update({
          tickInterval: 1000000
        });
      }
    }
  }

现场演示:

API参考:


明白了,谢谢!:)