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>