导读 Highcharts 是一个用纯JavaScript编写的一个图表库。Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,Highcharts 免费提供给个人学习、个人网站和非商业用途使用。

本章节我们将为大家介绍如何在网页中使用 Highcharts。

本教程将 Highcharts 与 jQuery 结合使用,所以在加载 Highcharts 前必须先加载 jQuery 库。

如果你对 jQuery 不熟悉,可以参阅本站的jQuery 教程。

安装 jQuery

jQuery 安装可以使用以下两种方式:

1、访问 jquery.com 下载jQuery包。

2、使用 Staticfile CDN 静态资源库的jQuery资源:

//cdn.staticfile.org/jquery/2.1.4/jquery.min.js

3、使用百度静态资源库的jQuery资源:

//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
使用下载的方式

使用下载的方式,在 HTML 页面引入 jQuery 代码:

<head>
   <script src="/jquery/jquery.min.js"></script>
</head>
使用 CDN(推荐)

使用 Staticfile CDN 静态资源库来加载jQuery库:

<head>
   <script src="//cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
</head>
安装 Highcharts

Highcharts 安装可以使用以下两种方式:

1、访问 highcharts.com 下载 Highcharts 包。

2、使用官方提供的 CDN 地址://code.highcharts.com/highcharts.js

使用下载的方式(推荐)

使用下载的方式,在 HTML 页面引入 Highcharts 代码:

<head>
   <script src="/highcharts/highcharts.js"></script>
</head>
使用 CDN

使用官方提供的 CDN 地址:

<head>
   <script src="//code.highcharts.com/highcharts.js"></script>
</head>

原文来自:

本文地址://gulass.cn/highcharts-environment-configuration.html编辑:吴康宁,审核员:逄增宝

Linux大全:

Linux系统大全:

红帽认证RHCE考试心得: