Highcharts添加滾動條的方法

Highcharts在使用時需要準確寬和高，有時不能獲父容器的準確的高度，所以採用滾動條代替。增大美觀度。

Highcharts圖表添加滾動條的方法

給圖表添加滾動條這是很常見的需求，小夥伴也經常問到實現方法，這裏分享如下：
 
實現辦法：
 
1. 引入 highstock.js （而不是 highchart.js）
2. 設置 scrollbar.enabled = true （表示啓用滾動條）
3. 設置 xAxis.max，表示可視區域最多展現多少個數據點（很關鍵）
 
完成上述三個步驟後，就可以看到效果了，如下圖

對應的代碼見：http://code.hcharts.cn/hcharts.cn/hhhGTX
 
幾點小提示：
 
1、highstock.js 是完全包含 highcharts.js 的，所以一些 highcharts 不具有的特性（滾動條等）完全可以通過換用 highstock來實現
 
2、本例中的 xAxis.max 和 xAxis.min 默認展示 x 軸大值及最小值的，用於控制滾動條及可視區域的
 
 
-------------
本文內容源自 Highcharts中文論壇