cách đặt khoảng thời gian trên các trục cao Y - trục

Question

Tôi đang sử dụng highcharts lần đầu tiên và tôi đang cố gắng tìm ra cách đặt các điểm trục Y tĩnh.

Tôi đã sử dụng min = 0 và max = 140, và các điểm trên trục y lên tới 0,25,50,75,100,125 và 150. Trong đó tôi muốn nó là 0,20,40,60,80,100,140.

Ai đó có thể cho tôi biết cách tôi có thể đạt được điều này.

Dưới đây là 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

Bạn có thể đặt tickInterval (http://api.highcharts.com/highstock#yAxis.tickInterval) trên trục 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

Để thực hiện điều này bằng HighChart trong một StockChart chế độ, tôi chỉ cần đặt thuộc tính tickPixelInterval.

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