2013-07-05 27 views
1

這是帶花鍵系列的Highcharts圖表。 x軸最大值設置爲9405,如本琴:http://jsfiddle.net/Bridgeland/253gq/1/爲什麼這個Highcharts xAxis實際最大值大於我設置的xAxis.max?

X axis max is 9405, as intended

當我添加一列列,並使用pointRange和pointInterval,X軸的實際最大好像花鍵對齊要增加約11000,你可以在此看到小提琴:http://jsfiddle.net/Bridgeland/5nq4q/

Effective X axis max of about 11000

有一個在第二個系列中的第一個系列以上8360以上8620沒有數據,並且沒有數據。那麼爲什麼HighCharts會增加X軸的有效最大值?我怎樣才能控制這個? (您可能想知道爲什麼我非常在意真正的最大值是什麼,如果我只有一個樣條線和一個單列系列來對齊,這將不是一個大問題,但在實際應用中,我有第二個樣條線具有不同的xAxis和不同的比例尺,我需要對齊兩個樣條線的比例尺,我通過設置每個xAxis的最大值來完成這個工作,但是當Highcharts覆蓋我設置的最大值時,我的對齊方式是關閉的。 )

對應於第二小提琴的代碼,那就說明這個問題的一個:

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      alignTicks: false 
     }, 
     yAxis: { 
      min: 0, 
      max: 1 
     }, 
     xAxis: { 
      min: 0, 
      max: 9405 
     }, 
     legend: { 
      enabled: false 
     }, 
     credits: { 
      enabled: false 
     }, 
     series: [{ 
      type: 'spline', 
      marker: { 
       enabled: false 
      }, 
      zIndex: 1, 
      data: [ 
       [0, 1], 
       [215.5115677836167, 1], 
       // much data omitted 
       [8620.462711344668, 0] 
      ] 
     }, { 
      type: 'column', 
      pointPadding: 0.01, 
      groupPadding: 0, 
      borderWidth: 0, 
      shadow: false, 
      pointPlacement: 'between', 
      zIndex: 0, 
      minPointLength: 3, 
      data: [1, 0.8303045243052317, 0.507000086078798, 0.3012666720025181, 0.15608877940134103, 0.07002459966684138, 0.04309138172365523, 0.014811084204643832], 
      pointRange: 1045, 
      pointInterval: 1045 
     }] 
    }); 
}); 

非常感謝您對這個幫助。正如我的一位朋友所說,stackoverflow是互聯網上唯一最有用的網站。這不是網站,真的,這是你。

+3

它看起來非常像它可能使最大10x1045而不是9x1045。刪除'pointRange'和'pointInterval'修復它,但這當然不是你想要的圖表。奇怪的是,減少這些值似乎並不會導致問題以應有的方式消失,如果它像(內部)那樣簡單(10 * pointRange)並且使得如果大於當前最大值則爲最大值。對不起,我沒有更多的信息/幫助... – cjc343

+0

也許是這樣,但它似乎並不一致。例如,將最大值改爲9000使真正的最大值介於9x1045和10x1045之間。 –

回答

0

它與事實有關,高層需要計算滴答位置,正常。所以我建議修改tickInterval或使用tickPositions/tickPostioner。

http://api.highcharts.com/highcharts

+0

添加tickInterval或tickPositioner對計算的最大值沒有影響。例如,這個小提琴顯示添加一個tickPositioner函數的效果:http://jsfiddle.net/Bridgeland/5nq4q/2/刻度被改變,但最大值保持不變。 (或者我可能不明白你的建議?) –

+0

你有點在8620,最大是9405,所以當你設置0和8000的刻度時,所以你認爲圖表會被切割成8000? –

+0

我預計最大值爲9405.但實際上X軸很好地在9405的右邊,大約爲11000. –

相關問題