come impostare l'intervallo di punti su Y - Axis highcharts

Question

Sto usando highcharts per la prima volta, e sto cercando di capire come impostare i punti dell'asse Y statici.

Ho usato min = 0 e max = 140, ei punti su asse y si presentano come 0,25,50,75,100,125 e 150. In cui lo voglio come 0,20,40,60,80,100,140.

Qualcuno può farmi sapere come potrei ottenere questo.

di seguito riportate le optins highchart:

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

È possibile impostare il tickInterval (http://api.highcharts.com/highstock#yAxis.tickInterval) sull'asse 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

di farlo usando HighChart in un StockChart modalità, ho solo bisogno di impostare la proprietà tickPixelInterval.

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