Y軸のハイチャート上の点の間隔を設定する方法

Question

初めてハイチャートを使用しています.Y軸の点を静的に設定する方法を理解しようとしています。

私はmin = 0とmax = 140を使用しており、y軸上の点は0,25,50,75,100,125,150となります。ここでは0,20,40,60,80,100,140としたいと思います。

私はこれをどのように達成できるか教えていただけますか？

以下

はhighchartののoptinです：

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

あなたはStockChartにこの使用HighChartを行うには軸 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

にtickInterval（http://api.highcharts.com/highstock#yAxis.tickInterval）を設定することができますモードでは、プロパティtickPixelIntervalを設定するだけです。

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