在高圖中組合項目符號和折線圖

Question

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

有沒有一種方法可以組合項目符號/條形圖並將其放在折線圖的頂部？ 主要原因是導出功能將同時包含兩個圖表。 這是一個類似的示例（在融合圖中）： http : //www.ods.usf.edu/Plans/PPA/dashboard.htm 。

另外，由於呈現數字，圖表呈現時頁面的性能也很不穩定。 有沒有人有一種技術可以讓我“超越對手”加載圖表，而其他人以后可以改善用戶體驗？

謝謝！

Answer 1

合並兩個圖表的任何方法都是非常棘手且困難的-您有一個圖表是倒置的，而另一個不是。 您必須將項目符號圖表重新創建為折線而不是條形，或者將折線數據轉換為可與倒置軸一起使用。

這兩件事似乎都是不可取的，但是如果絕對需要，我將以非常規方式創建項目符號。

您可以使用2個堆疊的y軸運行它，以將其保持在separate plot areas ：

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

您可以通過頁面加載或捕獲滾動事件來ajax加載圖表。

但實際上-這是32個圖表，但它們是32個非常小而簡單的圖表。 性能應該不會有任何問題...

通過設置一次全局圖表選項，並且僅在調用每個單獨的圖表時指定renderTo和data屬性，可以節省開銷。

另外，如果搜索導出多個圖表，則應該找到一種方法來導出兩個圖表，而不必嘗試將它們構建為單個圖表。