2013-07-11 57 views
0

簡化我的故事,考慮2個系列,我將他們的yAxes鏈接起來。換句話說,在第二yAxis有一個屬性linkedTo: 0在HighStock中,將次要yAxis與主要yAxis關聯可以導致次要值在圖表外被裁剪

所以第一yAxis是主,因此設置兩個系列的極值。

但有時第二個系列的值太高,不能在可見區域繪製,因此它們會被裁剪。

更糟糕的是,當yAxes相互鏈接時,圖例不會彈球:單擊圖例中的主系列名稱將隱藏兩個系列。點擊次要系列名稱將不會隱藏。

檢出this JSFiddle - 右側的值被裁剪,圖例功能被打破。

我錯過了什麼?我怎樣才能讓這兩個系列一起擴展並全部可見?我如何讓傳說按預期工作? (點擊系列名稱應該切換)

謝謝!

編輯:事實證明,如果我刪除yAxis.idJSFiddle here),圖表和圖例按預期工作。然而,根據數組中的位置(我認爲?)將系列鏈接到yAxis,而不是通過某個ID(字符串)聽起來不太理想。

想法?

+0

你能重現您的問題在jsfiddle.net? –

+0

http://jsfiddle.net/zYpcm/13/ – GilNahmias

回答

0

爲什麼你正在嘗試將第二個系列分配給軸,這恰好是copy?我建議設置兩個系列來掌握yAxis,第二個yAxis只是在圖表的右側使用額外的信息。

否則我不明白連接第二軸以獲得與主yAxis相同的極值的目的,然後期望根據您附加到yAxis的序列來縮放yAxis。

事情是這樣的,我認爲是更好的方法,請參閱:http://jsfiddle.net/zYpcm/15/

 series: [{ 
      name: 'master', 
      data: self.masterData, 
      yAxis: 'master' 
     }, { 
      name: 'secondary', 
      data: self.secondaryData, 
      //yAxis: 'secondary' 
     }], 

     yAxis: [{ 
      id: 'master' 
     }, { 
      id: 'secondary', 
      opposite: true, 
      linkedTo: 0 
     }] 
+0

第二個系列如何與第一個yAxis鏈接?對我來說,看起來繼續**系列**與第二個** yAxis **(沒有在系列中指出的yAxis,我假設它們通過在陣列中具有相同的位置被鏈接?)相關聯,並且第二** yAxis **是「linkedTo」第一個** yAxis **。換句話說,在你的解決方案中,我看不到'yAxis'的值:'master'' – GilNahmias

+0

不,如果你沒有指定'yAxis:index/id',所有的系列都鏈接到第一個yAxis。當然,你可以刪除'yAxis:'master''這是不必要的。 –