Highcharts教程

Highcharts 环境设置

在本章中,我们将讨论如何设置用于 Web 应用程序开发的 Highcharts 库。
Highcharts 需要 jQuery 作为依赖项。首先,我们将安装 jQuery 库,然后安装 Highcharts 库。

安装 jQuery

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

使用下载的 jQuery

使用以下脚本在 HTML 页面中包含 jQuery JavaScript 文件-
<head>
   <script src = "/jquery/jquery.min.js"></script>
</head>

使用 CDN

我们在本教程中使用 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 的两种方式。
下载-从 highcharts.com 本地下载并使用它。 CDN 访问-您还可以访问 CDN。 CDN 将使您可以访问世界各地的区域数据中心;在本例中,Highcharts 主机-Code.Highcharts.Com。

使用下载的 Highcharts

使用以下脚本在 HTML 页面中包含 Highcharts JavaScript 文件-
<head>
   <script src = "/highcharts/highcharts.js"></script>
</head>

使用 CDN

在本教程中,我们使用的是 Highcharts 库的 CDN 版本。
使用以下脚本在 HTML 页面中包含 Highcharts JavaScript 文件-
<head>
   <script src = "https://code.highcharts.com/highcharts.js"></script>
</head>
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4