Highcharts 教程
- 第1节:Highcharts 配置选项
- 第2节:Highcharts 教程
- 第3节:Highcharts 环境配置
- 第4节:Highcharts 配置语法
- 第5节:Highcharts 曲线图
- 第6节:Highcharts 区域图
- 第7节:Highcharts 条形图
- 第8节:Highcharts 柱形图
- 第9节:Highcharts 饼图
- 第10节:Highcharts 散点图
- 第11节:Highcharts 气泡图
- 第12节:Highcharts 动态图
- 第13节:Highcharts 组合图
- 第14节:Highcharts 3D图
- 第15节:Highcharts 测量图
- 第16节:Highcharts 树状图(Treemap)
Highcharts 环境配置
Highcharts 环境配置
本章节我们将为大家介绍如何在网页中使用 Highcharts。
Highcharts 依赖于 jQuery,所以在加载 Highcharts 前必须先加载 jQuery 库。
安装 jQuery
jQuery 安装可以使用以下两种方式:
- 1、访问 jquery.com 下载jQuery包。
- 2、使用百度静态资源库(http://cdn.code.baidu.com/)的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(推荐)
使用百度静态资源库来加载jQuery库:
<head>
<script src="http://apps.bdimg.com/libs/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>