Latest web development tutorials

Highcharts 環境配置

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

Highcharts 依賴於jQuery,所以在加載Highcharts 前必須先加載jQuery 庫。

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


安裝jQuery

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

  • 1、訪問jquery.com下載jQuery包。
  • 2、使用本站靜態資源庫的jQuery資源:

    http://cdn.static.w3big.com/libs/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(推薦)

使用本站靜態資源庫來加載jQuery庫:

<head>
   <script src="http://cdn.static.w3big.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>