Highcharts - yAxis tickInterval到最大数据

时间:2016-04-13 06:43:16

标签: highcharts

我正在尝试动态设置最大值的最大值。我不确定,我做错了...

请帮忙吗?

  

Online Demo

预期:

enter image description here

我得到了什么:

enter image description here

PS :我想找到最大值(例如:在此示例中为100)并显示为第一个yAxisLabel,下一个值应为减号( - )20等...

图表1值[39, 35, 19, 38, 39, 48, 56, 57]

图表2值[39, 35, 19, 38, 39, 48, 56, 57]

尝试没有运气的选项:

yAxis: {
  min: 0, 
  max: 100,
  tickInterval: 20,
},

yAxis: {
  tickInterval: 20,
  tickPositioner: function(min,max){
      var act = min,
          ticks = [];
      console.log(this);
      while(act <= max){
        ticks.push(act);
        act+= this.tickInterval;
      }
      return ticks;  
  },
  min: 0,
  max: 100,
},

感谢 @Kacper Madej ,他们已经提供了以下代码 enter image description here

1 个答案:

答案 0 :(得分:2)

可以使用tockPositioner并在那里设置刻度:

    showLastLabel: false,
    tickPositioner: function(min, max) {
      var ticks = [],
        tick = min,
        step = Math.round((max - min) / 7);

      while (tick < max - step / 2) {
        ticks.push(Math.round(tick));
        tick += step;
      }
      ticks.push(Math.round(max));
      ticks.push(Math.round(max+step)); //hidden - added for top padding

      return ticks;
    }

示例:http://jsfiddle.net/e6har510/