本文介绍了如何在网页中集成Highcharts图表库，首先需要加载jQuery库，推荐使用StaticfileCDN或百度静态资源库。然后，通过下载或引用Highcharts的CDN地址来安装Highcharts。教程详细阐述了加载这两个库的步骤，为网页添加交互式图表提供了基础。
| Highcharts 是一个用纯JavaScript编写的一个图表库。Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,Highcharts 免费提供给个人学习、个人网站和非商业用途使用。 |
本章节我们将为大家介绍如何在网页中使用 Highcharts。
本教程将 Highcharts 与 jQuery 结合使用，所以在加载 Highcharts 前必须先加载 jQuery 库。
如果你对 jQuery 不熟悉，可以参阅本站的jQuery 教程。
安装 jQuery
jQuery 安装可以使用以下两种方式：
1、访问 jquery.com 下载jQuery包。
2、使用 Staticfile CDN 静态资源库的jQuery资源：
http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js
3、使用百度静态资源库的jQuery资源：
http://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="http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script> </head>
安装 Highcharts
Highcharts 安装可以使用以下两种方式：
1、访问 highcharts.com 下载 Highcharts 包。
2、使用官方提供的 CDN 地址：http://code.highcharts.com/highcharts.js
使用下载的方式（推荐）
使用下载的方式，在 HTML 页面引入 Highcharts 代码:
<head> <script src="/highcharts/highcharts.js"></script> </head>
使用 CDN
使用官方提供的 CDN 地址：
<head> <script src="http://code.highcharts.com/highcharts.js"></script> </head>
本文地址：https://www.linuxprobe.com/highcharts-environment-configuration.html
扫一扫
646
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
