Highcharts 简明教程

Highcharts - Environment Setup

在本教程中，我们将讨论如何设置 Highcharts 库以用于 Web 应用程序开发。

Highcharts 需要把 jQuery 作为依赖。首先，我们将安装 jQuery 库，然后安装 Highcharts 库。

Install jQuery

有两种方法可以使用 jQuery。

  1. Download −从 jQuery.com 本地下载并使用。

  2. CDN access −您还可以访问 CDN。CDN 将使您有权访问世界各地的区域数据中心；在这种情况下，谷歌是主机。这意味着使用 CDN 将文件托管的职责从您自己的服务器转移到一系列外部服务器。这也提供了一个优势，即如果您的网页访问者已经从同一 CDN 下载了 jQuery 的副本，则不必重新下载。

Using Downloaded jQuery

使用以下脚本来在 HTML 页面中包含 jQuery JavaScript 文件 −

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

Using CDN

使用以下脚本来在 HTML 页面中包含 jQuery JavaScript 文件 −

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

Install Highcharts

以下是使用 Highcharts 的两种方法。

  1. Download −从 highcharts.com 本地下载并使用。

  2. CDN access −您还可以访问 CDN。CDN 将使您有权访问世界各地的区域数据中心；在这种情况下，Highcharts 主机为 Code.Highcharts.Com。

Using Downloaded Highcharts

使用以下脚本来在 HTML 页面中包含 Highcharts JavaScript 文件 −

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

Using CDN

使用以下脚本来在 HTML 页面中包含 Highcharts JavaScript 文件 −

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