Highcharts - 环境设置

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

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

安装 jQuery

有两种使用 jQuery 的方法。

  • 下载- 从jQuery.com下载到本地并使用它。

  • CDN 访问- 您还可以访问 CDN。CDN 将使您能够访问世界各地的区域数据中心；在本例中，为 Google 主机。这意味着使用 CDN 将托管文件的责任从您自己的服务器转移到一系列外部服务器。这还有一个优点，即如果您网页的访问者已经从同一 CDN 下载了 jQuery 的副本，则无需重新下载。

使用下载的 jQuery

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

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

使用CDN

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

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

<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。

使用下载的 Highcharts

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

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

使用CDN

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

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

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