环境设置（Environment Setup）

优质

小牛编辑

130浏览

2023-12-01

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

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

安装jQuery

有两种方法可以使用jQuery。

Download - 从jQuery.com本地下载并使用它。
CDN access - 您还可以访问CDN。 CDN将使您能够访问世界各地的区域数据中心; 在这种情况下，谷歌主机。这意味着使用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的两种方法。

Download - 从highcharts.com本地下载并使用它。
CDN access - 您还可以访问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>