本章節(jié)我們將為大家介紹如何在網(wǎng)頁(yè)中使用 Highcharts。

Highcharts 依賴于 jQuery，所以在加載 Highcharts 前必須先加載 jQuery 庫(kù)。

如果你對(duì) jQuery 不熟悉，可以參閱本站的jQuery 教程。

安裝 jQuery

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

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

  • 2、使用百度靜態(tài)資源庫(kù)（http://cdn.code.baidu.com/）的jQuery資源：

    http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

使用下載的方式

使用下載的方式，在 HTML 頁(yè)面引入 jQuery 代碼:

<head>
   <script src="/jquery/jquery.min.js"></script>
</head>

使用 CDN（推薦）

使用百度靜態(tài)資源庫(kù)來(lái)加載jQuery庫(kù)：

<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 頁(yè)面引入 Highcharts 代碼:

<head>
   <script src="/highcharts/highcharts.js"></script>
</head>

使用 CDN

使用官方提供的 CDN 地址：

<head>
   <script src="http://code.highcharts.com/highcharts.js"></script>
</head>