Highcharts 是一个用纯 JavaScript 编写的一个图表库

Highcharts 非常简单的就能在我们的网站上添加一些美观的有交互性的图表

Highcharts 免费提供给个人学习、个人网站和非商业用途使用

如果将 Higicharts 用于商业用途需要购买版权，不过版权费用也是贵的离谱了

HighCharts 图标库特性

• 兼容性 - 支持所有主流浏览器和移动平台（android、iOS等）
• 多设备 - 支持多种设备，如手持设备 iPhone/iPad、平板等
• 免费非商业用途使用 - 开源免费
• 轻量 - highcharts.js 内核库大小只有 35KB 左右
• 配置简单 - 使用 json 格式配置
• 动态 - 可以在图表生成后修改
• 多维 - 支持多维图表
• 配置提示工具 - 鼠标移动到图表的某一点上有提示信息
• 时间轴 - 可以精确到毫秒。
• 导出 - 表格可导出为 PDF/ PNG/ JPG / SVG 格式
• 输出 - 网页输出图表
• 可变焦 - 选中图表部分放大，近距离观察图表
• 外部数据 - 从服务器载入动态数据
• 文字旋转 - 支持在任意方向的标签旋转

本教程使用的 Highcharts 版本

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

Highcharts 支持的图表类型

HighCharts 支持 11 种图表类型