如何在Y轴上设置点的间隔 - 高轴图

Question

我第一次使用highcharts，并且试图找出如何设置Y轴的点静态。

我已经使用min = 0和max = 140，y轴上的点数为0,25,50,75,100,125和150.其中我希望它为0,20,40,60,80,100,140。

有人可以让我知道我怎么能做到这一点。

下面是highchart optins：

var chart1 = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'Div1', 
      width: 600, 
      height: 400 

     }, 
     yAxis:{ 
      min: 0, max: 140, 

      lineColor: '#FF0000', 
      lineWidth: 1, 
      title: { 
       text: 'Values' 

     }, 
     plotLines: [{ 
       value: 0, 
       width: 10, 
       color: '#808080' 
      }] 
     }, 
     series: [{ 
      name: 'Value', 
      data: YaxisValuesArray 
     }] 
    }); 

}); 

Answer 1

您可以在轴上 http://jsfiddle.net/blaird/KdHME/

$(function() { 
    var chart1 = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'Div1', 
      width: 600, 
      height: 400 

     }, 

     credits: { 
      enabled: false 
     }, 


     title: { 
      text: 'Productivity Report', 

      x: -20 //center 
     }, 

     xAxis: { 
      lineColor: '#FF0000', 
      categories: [1, 2, 3] 
     }, 
     yAxis: { 
      min: 0, 
      max: 140, 
      tickInterval: 20, 
      lineColor: '#FF0000', 
      lineWidth: 1, 
      title: { 
       text: 'Values' 

      }, 
      plotLines: [{ 
       value: 0, 
       width: 10, 
       color: '#808080' 
      }] 
     }, 
     tooltip: { 
      valueSuffix: '' 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'middle', 
      borderWidth: 0 
     }, 


     series: [{ 
      name: 'Value', 
      data: [ 
       [1, 10], 
       [2, 20], 
       [3, 30] 
      ] 
     }] 
    }); 

}); 

Answer 2

要在StockChart做到这一点使用HighChart设置tickInterval（http://api.highcharts.com/highstock#yAxis.tickInterval）模式，我只需要设置属性tickPixelInterval。

yAxis: { 
      ... 
      tickPixelInterval: 35 
      ... 
     }