hightcharts和hightstock不可融合使用

       

        如上兩張圖，實際上是同一個用hightcharts繪製的圖表（總體概況圖表），因爲設置了height，使圖表出現滾動條，致使Y軸被遮擋，只有當滾動條滑動至底部時才能看見。

        在看到hightstock時發現hightstock彷佛沒有這樣的問題，兩種繪圖插件是同一家公司出品，因而想將兩種繪圖插件融合使用；可是經研究測試，兩種繪圖插件沒法融合使用。

    1. 總體概況圖表裏無法將hightcharts和hightstock合起來用，兩種繪圖函數寫法分別是$div.highcharts(conf),和$div.highcharts('StockChart',conf)。

        2. hightstock要求提供的數據x軸是時間戳，能夠選擇顯示以「分鐘、小時、周、年」等爲單位的統計數據，之因此不會出現Y軸被遮擋的狀況是由於，每次選擇顯示必定時間範圍內的數據時，它都會篩選出該範圍的數據從新繪圖。

        3. 此外，若是給hightstock設置height出現滾動條的話也是會出現Y軸被遮擋的狀況的；hightstock本身繪製出的選擇範圍用的滾動條只能拖動，不能用鼠標滾動。

        4. 而總體概況圖裏的x軸是基金名稱，不符合hightstock對數據的要求，處理不了，Highstock是用股piao圖表控件，能夠用來開發股piao走勢或大數據量的時間軸圖表，官網提供的案例全都和時間有關，應該是對時間有硬性要求。

        5. 不管是hightcharts仍是hightstock都不提供x軸或Y軸的浮動參數設置，只有偏移參數設置。

        6. 我考慮了兩種替代方案，一種是翻頁方式，多個基金分紅幾個頁面繪圖，每次選擇頁面都從新繪圖；另外一種是單獨寫一段js腳本控制Y軸位置，經過偵聽圖表內的滾動事件來調用。只是這兩種方案在須要打印的圖表中不太適用。