Highcharts - 環境設定

在本章中，我們將討論如何在 Web 應用程式開發中設定 Highcharts 庫。

Highcharts 需要 jQuery 作為依賴項。首先，我們將安裝 jQuery 庫，然後安裝 Highcharts 庫。

安裝 jQuery

有兩種方法可以使用 jQuery。

下載 - 從 jQuery.com 本地下載並使用它。
CDN 訪問 - 您還可以訪問 CDN。CDN 將為您提供全球各地區域資料中心的訪問許可權；在本例中，Google 託管。這意味著使用 CDN 將託管檔案責任從您自己的伺服器轉移到一系列外部伺服器。這也提供了一個優勢，即如果您的網頁訪問者已經從同一個 CDN 下載了 jQuery 的副本，則無需重新下載。

使用以下指令碼在 HTML 頁面中包含 jQuery JavaScript 檔案：

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

在本教程中，我們始終使用 jQuery 庫的 CDN 版本。

使用以下指令碼在 HTML 頁面中包含 jQuery JavaScript 檔案：

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
   </script>
</head>

以下兩種方法可以使用 Highcharts。

下載 - 從 highcharts.com 本地下載並使用它。
CDN 訪問 - 您還可以訪問 CDN。CDN 將為您提供全球各地區域資料中心的訪問許可權；在本例中，Highcharts 託管 - Code.Highcharts.Com。

使用以下指令碼在 HTML 頁面中包含 Highcharts JavaScript 檔案：

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

在本教程中，我們始終使用 Highcharts 庫的 CDN 版本。

使用以下指令碼在 HTML 頁面中包含 Highcharts JavaScript 檔案：

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

列印頁面