环境设置(Environment Setup)

优质
小牛编辑
135浏览
2023-12-01

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

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

安装jQuery

有两种方法可以使用jQuery。

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

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

使用Downloaded 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的两种方法。

  • Download - 从highcharts.com本地下载并使用它。

  • CDN access - 您还可以访问CDN。 CDN将使您能够访问世界各地的区域数据中心; 在这种情况下,Highcharts主机 - Code.Highcharts.Com。

使用Downloaded 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>