在高圖中組合子彈和折線圖

Question

我正在使用highcharts在單個網頁上顯示16個折線圖 - 一種數據儀表板。但是，我被要求添加一個帶有進度指示器的'子彈'圖表以及每個折線圖。這是一個頁面上的32個圖表。我有兩個與此相關的問題：

有沒有辦法組合子彈/條形圖並將其放在折線圖之上？主要原因將是導出功能將包括兩個圖表。這裏有一個類似的例子（這是融合圖表）：http://www.ods.usf.edu/Plans/PPA/dashboard.htm。

此外，由於呈現的數字而導致圖表呈現時，頁面的性能不穩定。有沒有人有一種技術，我可以加載圖表上的'摺疊'和其他人後來改善用戶體驗？

謝謝！

Answer 1

將兩個圖表結合在一起的任何方法都是非常難以理解的 - 你有一個倒置的圖表，而另一個倒置。您必須將子彈圖重新創建爲線條而不是條形，或將線條數據轉換爲倒立軸。

這兩件事情看起來都不太合適，但如果絕對需要的話，我會一起創建子系列的子彈。要麼全部在頁面加載，或通過捕捉滾動事件

http://jsfiddle.net/jlbriggs/TP7tB/2/

你可以阿賈克斯加載圖表：

你可以用2疊軸和y軸，以保持他們在separate plot areas運行它。

但真的 - 這是32個圖表，但他們是32非常小，簡單的圖表。不應該有任何性能問題...

您可以通過設置全局圖表選項一次，並且只調用每個圖表時指定renderTo和數據屬性來節省開銷。此外，如果您搜索導出多個圖表，則應該找到一種方法來導出兩個圖表，而不嘗試將它們構建爲單個圖表。