在本章中,我们将讨论如何在Web应用程序开发中建立使用Highcharts库。
jQuery作为Highcharts的一个依赖。所以首先我们要安装jQuery库,然后再是HighChart库。
安装 jQuery
使用jQuery有两种方式。
-
下载: 从jQuery.COM下载到本地并使用。
-
CDN 访问: 您也可以访问 CDN. CDN全世界可访问,在这种情况下,使用的是谷歌主机区域性数据中心。这意味着使用CDN移动主机文件是从自己的服务器到一系列外部的负责。这还提供了,如果访问者网页中已经下载的jQuery副本已从相同的CDN,因此它有可能不必重新下载的优点。
使用下载的jQuery
使用下面的脚本的HTML页面包含jQuery JavaScript文件:
<head> <script src="/jquery/jquery.min.js"></script> </head>
使用 CDN
在本教程中我们使用CDN版本的jQuery库。
使用下面的脚本的HTML页面,包含jQuery JavaScript文件:
<head> <script src="http://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
在本教程中我们使用CDN版本的 Highcharts 库。
包含使使用下面的脚本的HTML在页面Highcharts JavaScript文件:
<head> <script src="http://code.highcharts.com/highcharts.js"></script> </head>