2013-02-13 74 views
0

我有一個堆疊列Highchart與兩個系列。 xAxis填充,最小值和最大值就是我想要的。的jsfiddle這裏: http://jsfiddle.net/BobTheZealot/MBmu7/#baseHighcharts:堆積列xAxis自動「壓縮」

感興趣系列的第二個系列,其中只有一個數據點:

data: [{ 
     x: 1767157200000, 
     y: 95746 
    } 

但是,如果我添加了另一個數據點到第二個系列(x是在2014年的新點,在前面的最小值和最大值內),xAxis突然「壓縮」:軸的兩側都有額外的填充,並且軸上還有兩個標籤(2010和2028)。

data: [{ 
     x: 1420002000000, 
     y: -95100 
    }, { 
     x: 1767157200000, 
     y: 95746 
    }] 

的jsfiddle:http://jsfiddle.net/BobTheZealot/MBmu7/13/

爲什麼X軸得到重新格式化?我該如何強制它像第一個jsFiddle一樣?奇怪的是,如果我翻轉第二個數據點的順序,使它們按x值的降序排列(這看起來很奇怪;第一個系列的數據按x值的升序排列),那麼xAxis格式不會改變(即不會「壓縮」)。

data: [{ 
     x: 1767157200000, 
     y: 95746 
    }, { 
     x: 1420002000000, 
     y: -95100 
    } 

js在以前的jsFiddle鏈接的版本14(顯然不能發佈三個鏈接)。

一直呆在這一兩天,所以非常歡迎任何幫助!謝謝。

回答

0

原因是點之間的時間跨度。如果您知道點之間的間隔,則可以設置pointRange,請參閱:http://jsfiddle.net/MBmu7/15/,否則將需要1767157200000 - 1672462800000作爲點之間的距離,並相應地格式化xAxis。

+0

非常感謝帕維爾。這當然似乎解決它。因爲我在其他地方遇到過這個問題,所以我只是四處挖掘以更好地理解這一點。 – BobTheZealot 2013-02-13 13:29:18

+0

pointRange文檔說「計算爲兩個最接近的數據點之間的距離」。 1767157200000和1672462800000實際上都在上面的三個jsFiddles中。是否可以使用SAME系列中的「最接近的數據點」作爲pointRange?所以,由於上面第二個例子中只有兩個點,它使用(1767157200000 - 1420002000000)作爲範圍,這個範圍相當大?而在第三個例子中,由於積分降序,因此得到一個負範圍?無論如何,非常感謝。 – BobTheZealot 2013-02-13 13:41:18

+0

在Highcharts中,您必須按升序排列積分。對於pointRange,可能需要檢查來源才能得到完整的答案。 – 2013-02-13 14:09:52