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>

打印页面