高動態數據列圖與動態數據列對齊

我希望這個快速的描述和圖像將與誰有類似的問題，因此建議/修復的人敲響。高動態數據列圖與動態數據列對齊

我有一個列圖，我正在動態地添加數據（通過jQuery解析XML文件）。

由於某些原因，在添加數據後，不同系列的對齊會稍微偏離。在我通過可見/不可見切換其中一個系列後（通過單擊圖例中的系列），該問題將自行修復。

當我通過硬編碼的數字添加數據，只是爲了確保它的工作原理，它的效果很好。

這裏是圖像： enter image description here

黃色系列的最後一個系列添加到圖表，紅色和紫色系列排隊撥動5系列之一的知名度後確定。

任何幫助將不勝感激！

UPDATE與所述數據信息：

我有5個系列數據和10 x軸類別
我建立數據的多維陣列作爲我解析XML文件
陣列長度爲5，這5個索引中的每一個都包含長度爲10的數組
這是陣列在填充數據後的樣子：

索引＃：0值：0,0,0,0,0,0,0,0,0,0

索引＃：1值：180,210,0,0,0,0,0 ，0180210

索引＃：2值：22,4,0,0,0,0,0,0,22,4

索引＃：3值：0,0,0,0,0 ，0,0,0,0,0

索引＃：4值：200,30,0,0,0,0,0,0,4,0

我添加數據到圖表與以下JS代碼：

for (var c_ary_bs = 0; c_ary_bs < ary_bs_schedule_orig.length; c_ary_bs++) { 
     chart.series[c_ary_bs].setData(ary_bs_schedule_orig[c_ary_bs]); 
    }

希望這會有所幫助，謝謝！

更新2，一些更多的信息

我已經硬編碼被添加到陣列中的數據，以幫助確定問題：

chart.series[0].setData([0, 0, 0, 0, 0, 0, 0, 0, 0, 0]); 
    chart.series[1].setData([180, 210, 0, 0, 0, 0, 0, 0, 180, 210]); 
    chart.series[2].setData([22, 4, 0, 0, 0, 0, 0, 0, 22, 4]); 
    chart.series[3].setData([0, 0, 0, 0, 0, 0, 0, 0, 0, 0]); 
    chart.series[4].setData([200, 30, 0, 0, 0, 0, 0, 0, 4, 0]); 
    alert('done')

當警報觸發時，圖列正確對齊，點擊「確定」關閉警報後，對齊問題就會發生，如上圖所示。

來源

2012-02-10 Seth

你能發佈一些導致這個問題的數據嗎？更好的是在jsfiddle上創建一個例子。 – malonso 2012-02-12 20:58:19

@malonso謝謝你的時間，我已更新我的問題與數據信息 – Seth 2012-02-13 14:10:22

我真的希望我能給你一個答案，但它絕對看起來像這可能是一個錯誤。不要把流量從SO上拿走，但我可能會建議在HC論壇上張貼（http://highslide.com/forum/viewforum.php?f=8）; Torstein和他的團隊很棒，而且通常都很有迴應。對不起，希望我有更好的消息。 – malonso 2012-02-14 02:02:10

我找到了一個完美的解決辦法：

-setting圖表70的marginLeft緩解了列不對齊

- 因爲某些原因，y軸標題文本顯示在y中的問題軸蜱，所以我用以下使它可見：

yAxis: { 
     title: { 
      x:-20, 
      text: 'Schedule Days' 
     } 
    }

（注意X：-20）

請告訴我奇怪的是，當我切換一個O f系列（通過在圖例中單擊它）yAxis標題文本恢復到它應該在的位置（由於上述修復，現在它已關閉20px）。

完美的修復方法會將yAxis文本放在切換其中一個系列後的位置，但至少可以通過這種方式顯示，無論用戶是否切換系列。

來源

2012-02-13 15:26:34 Seth

高動態數據列圖與動態數據列對齊

回答

相關問題