Highcharts 环境配置 - 学习 Hightcharts - 简单教程，简单编程

在我们的 HTML 中使用 Highcharts 需要引入 Highchart javascript 脚本文件

在 Highcharts 4.2.0 之前的版本需要安装 jQuery 依赖

如果你对 jQuery 不熟悉，可以通过我们的 jQuery 基础教程学习

由于 2015 年 12 月 15 日发布的 Highcharts 4.2.0 不再需要依赖 jQuery 所以，如果你使用的版本大于 4.2.0 可以不需要再安装 jQuery

如果版本小于 4.2.0 则继续

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

下载安装
1. 从官网下载 jQuery jQuery.com 放到网站公共静态资源目录，比如
```
/static/js/jquery/2.1.4
```
2. 在 HTML 页面引入 jQuery 代码:
```
<head>
    <script src="/static/js/jquery/2.1.4/jquery.min.js"></script>
</head>
```

使用 CDN (推荐)

可以使用百度静态资源库 CDN (推荐)

http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

也可以使用 BootCDN 静态资源库的 jQuery

http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js

然后在 HTML 页面引入 jQuery 代码:

<head>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

安装 Highcharts

安装 Highcharts 的方式也有两种

下载安装 (推荐)
1. 访问 highcharts.com 官网下载 Highcharts 压缩包，解压然后把 code 目录放到网站公共静态资源库
```
/static/js/highcharts/6.0.2
```
2. 在 HTML 页面引入 Highcharts 脚本
```
<head>
   <script src="/static/js/highcharts/6.0.2/highcharts.js"></script>
</head>
```
使用 CDN

可以使用官方提供的 CDN 地址：https://cdn.hcharts.cn/highcharts/highcharts.js
```
<head>
   <script src="https://cdn.hcharts.cn/highcharts/highcharts.js"></script>
</head>
```

因为我们使用的是 Highcharts 官方 CDN ，所以使用的一致都是最新的版本