停止在highchart中自動調整比例

Question

我正在使用highcharts，我想將比例修正爲0-100而不是自動縮放。 這裏是我的JSfiddle，在這種情況下，我使用兩個文本字段來證明我的要求。 任何幫助！

我的HTML：

<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 

<div id="container" style="height: 400px"></div> 
<input id="min" type="text" value="1"></input> 
<input id="max" type="text" value="2"></input> 
<button id="change">change!</button> 

腳本代碼：

$(function() { 
    $('#container').highcharts({ 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     yAxis: { 
      title: { 
       text: 'Temperature' 
      }, 
      id: 'my_y', 
      lineWidth: 2, 
      lineColor: '#F33' 
     }, 
     plotOptions: 
     { 
      line: 
      { 
       dataLabels: 
       { 
        enabled: true, 
        formatter:function() 
        { 
         var pcnt = (this.y); 
         return Highcharts.numberFormat(pcnt,1) + '%'; 
        } 
       }, 
       enableMouseTracking: false 
      } 
     }, 
     series: [{ 
      name: 'Temperature', 
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], 
      color: '#F33' 
     }] 
    }); 

    // the button handlera 
    var chart = $('#container').highcharts(); 
    var yAxis = chart.get('my_y'); 
    var extremes = yAxis.getExtremes(); 
    $('#min').attr('value', extremes.min); 
    $('#max').attr('value', extremes.max); 
    $('#change').click(function() { 
     yAxis.setExtremes($('#min').val(),$('#max').val()); 
     console.info(yAxis) 
    }); 
}); 

這裏是我的jsfiddle： http://jsfiddle.net/Wm7ft/

Answer 1

您可以使用最小值/最大值或使用tickPositions

Answer 2

您可以強制在這樣的y軸的最小值和最大值：

yAxis: { 
     min:0, 
     max:100 
} 

http://jsfiddle.net/d9q6atpk/