Highcharts - 环境设置

在本章中，我们将讨论如何设置要在 Web 应用程序开发中使用的 Highcharts 库。

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

安装 jQuery

有两种使用 jQuery 的方法。

下载 − 从jQuery.com下载到本地并使用。
CDN 访问 − 使用 Staticfile CDN 静态资源库的jQuery资源。这意味着使用 CDN 将托管文件的责任从您自己的服务器转移到一系列外部服务器。这还有一个优点，即如果您网页的访问者已经从同一 CDN 下载了 jQuery 的副本，则无需重新下载。

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

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

我们在本教程中使用 jQuery 库的 CDN 版本。

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

<head>
   <script src = "https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
   </script>
</head>

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

本地下载 − 从highcharts.com下载到本地并使用。
使用 CDN − 使用 Staticfile CDN 静态资源库来加载jQuery库：在本例中，使用 Highcharts 主机 - Code.Highcharts.Com。

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

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

我们在本教程中使用 Highcharts 库的 CDN 版本。

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

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