2016-02-12 70 views
0

我有min和max軸值在HighCharts圖表不尊重與對數軸

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     yAxis: { 
       type:'logarithmic', 
      min: 0.3, // I WANT THE Y-AXIS TO START AT 0.3 
      min: 25, // I WANT THE Y-AXIS TO END AT 25 
      endOfTick:false, 
      maxPadding:0, 
        tickInterval:0.1, 
     }, 
     plotOptions: { 
      column: { 
       stacking: 'normal', 
      } 
     }, 
     series: [{ 
      data: [5, 3, 4, 7, 2] 
     }, { 
      data: [2, 2, 3, 2, 1] 
     }, { 
      data: [3, 4, 4, 2, 5] 
     }] 
    }); 
}); 

我工作的對數縮放的Y軸(的jsfiddle here,適於從一個基本的演示圖)的堆積柱形圖在此Stackoverflow建議的所有選項上設置精確的最小和最大y軸值,但沒有成功。 我能做些什麼來強制y軸圖表開始和結束於我想要的值?

回答

1

如在您發現的問題中,使用塞巴斯蒂安的答案,tickPositioner。事實上,當將startOnTickendOnTick設置爲false時,極值是正確的,只是標籤不會被渲染。在這種情況下使用tickPositioner,例如:

tickPositioner: function(min, max) { 
    var ticks = this.tickPositions; 

    ticks = $(ticks).filter(function(i, tick) { 
     return tick > min && tick < max; 
    }); 

    ticks.slice(0, 0, min); 
    ticks.push(max); 

    return ticks; 

    } 

和現場演示:http://jsfiddle.net/99w72efv/5/