Highcharts中文參考手...login
Highcharts中文參考手冊
作者:php.cn  更新時間:2022-04-14 17:02:58

Highcharts 環境配置


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

Highcharts 依賴 jQuery,所以在載入 Highcharts 前必須先載入 jQuery 函式庫。

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


安裝 jQuery

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

  • ##1、造訪 jquery.com 下載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 下載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>