Highcharts 環境配置 · W3School Highcharts 教程

# Highcharts 環境配置本章節我們將為大家介紹如何在網頁中使用 Highcharts。 Highcharts 依賴于 jQuery，所以在加載 Highcharts 前必須先加載 jQuery 庫。如果你對 jQuery 不熟悉，可以參閱本站的[jQuery 教程](/jquery/jquery-tutorial.html)。 ## 安裝 jQuery jQuery 安裝可以使用以下兩種方式： * 1、訪問 [jquery.com](http://jquery.com/download/) 下載jQuery包。 * 2、使用百度靜態資源庫（http://cdn.code.baidu.com/）的jQuery資源：**http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js** ### 使用下載的方式使用下載的方式，在 HTML 頁面引入 jQuery 代碼: ``` <head> <script src="/jquery/jquery.min.js"></script> </head> ``` ### 使用 CDN（推薦）使用百度靜態資源庫來加載jQuery庫： ``` <head> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> ``` ## 安裝 Highcharts Highcharts 安裝可以使用以下兩種方式： * 1、訪問 [highcharts.com](http://www.highcharts.com/) 下載 Highcharts 包。 * 2、使用官方提供的 CDN 地址：**http://code.highcharts.com/highcharts.js** ### 使用下載的方式（推薦）使用下載的方式，在 HTML 頁面引入 Highcharts 代碼: ``` <head> <script src="/highcharts/highcharts.js"></script> </head> ``` ### 使用 CDN 使用官方提供的 CDN 地址： ``` <head> <script src="http://code.highcharts.com/highcharts.js"></script> </head> ```