Highcharts 環境配置介紹

語言: CN / TW / HK
Highcharts 是一個用純JavaScript編寫的一個圖表庫。Highcharts 能夠很簡單便捷的在web網站或是web應用程式新增有互動性的圖表,Highcharts 免費提供給個人學習、個人網站和非商業用途使用。

Highcharts 環境配置介紹Highcharts 環境配置介紹

本章節我們將為大家介紹如何在網頁中使用 Highcharts。

本教程將 Highcharts 與 jQuery 結合使用,所以在載入 Highcharts 前必須先載入 jQuery 庫。

如果你對 jQuery 不熟悉,可以參閱本站的jQuery 教程。

安裝 jQuery

jQuery 安裝可以使用以下兩種方式:

1、訪問 jquery.com 下載jQuery包。

2、使用 Staticfile CDN 靜態資源庫的jQuery資源:

http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js

3、使用百度靜態資源庫的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(推薦)

使用 Staticfile CDN 靜態資源庫來載入jQuery庫:

<head>
   <script src="http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
</head>
安裝 Highcharts

Highcharts 安裝可以使用以下兩種方式:

1、訪問 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>

本文地址:https://www.linuxprobe.com/highcharts-environment-configuration.html