用highcharts做网站图表，只要3步

WHY 为啥使用highcharts做图表？

• 免费
  个人网站等非商业使用是免费的
• 功能稳定，强大
  地图，股票等图表不在话下。
• 移动端友好
• 中文文档比较完善

官方文档：

• highcharts官网
• highcharts中文网

开始吧，三步搞定

步骤一：引入hightchart.js

目前，hightchart不需要引入jQuery了。
可下载代码到自己服务器上引用。
highchart.js的引入要放在图表scripts代码的前面。

步骤二：创建div容器

在页面的 body 部分创建一个 div，且指定必须的属性（ID，高度和宽度等），代码如下

步骤三：配置scripts代码

在网站案例上稍作修改就好。
highcharts中文网站案例
highcharts英文官网案例
英文官网案例比较新。
写在 引入highcharts js

效果如下图

无标题.png

其他

1. 下载图片，需要引入exporting.js
   在highchart.js之后引入

2. y轴线刻度从零开始
   默认y轴刻度开始值会自动调整。

yAxis: {  
            min: 0, // 设置y轴的开始刻度为0，可用max属性设置最大刻度。  
        },