highcharts的引用

 開放 CDN 服務

1.基礎的使用（CDN）

<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>

2.功能模塊

 在下載的資源包中modules目錄下找到

更多圖表類型擴展模塊（highcharts-more.js）
3D 圖表模塊 （highcharts-3d.js）
導出功能模塊（modules/exporting.js）
金字塔圖表類型（modules/funnel.js）
鑽取功能模塊（modules/drilldown.js）
數據加載功能模塊（modules/data.js）

例如啟用導出功能時需要引入的文件及順序是：

<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> 
<script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>

　3.highstock和highmaps

• Highcharts 基礎圖表
• Highstock 股票及大數據量時間軸圖表
• Highmaps 地圖

  Highstock是完全包含Highcharts的。是在Highcharts的基礎上增加更多高級功能；

  Highmaps則是完全獨立的.

    混合使用（重要）

A. Highcharts + Highstock 時只需要引入 highstock.js

<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
<script src="http://cdn.hcharts.cn/highstock/highstock.js"></script> 
B. Highcharts + Highmaps 混合使用是需要 引入 highcharts.js + map.js

<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>


<script src="http://cdn.hcharts.cn/highmaps/modules/map.js"></script> 
C. Highstock + Highmaps 或 Highcharts + Highstock + Highmaps 混合使用時需引入 highstock.js + map.js

<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
<script src="http://cdn.hcharts.cn/highstock/highstock.js"></script> 
<script src="http://cdn.hcharts.cn/highmaps/modules/map.js"></script> 

 

4.主題

  在 theme目錄下。

給圖表加上灰色（Gray）主題時需要引用的文件如下：

<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> <script src="http://cdn.hcharts.cn/highcharts/themes/gray.js"></script> 

以上所有文件均可在我們的 開放 CDN 服務 頁面找到。