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 3D图 14. Highcharts 测量图 15. Highcharts 树状图(Treemap)

Highcharts 教程

Highcharts 教程

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

Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表

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


HighCharts 特性

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

支持的图表类型

HighCharts支持的图表类型:

序号图表类型
1曲线图
2区域图
3饼图
4散点图
5气泡图
6动态图表
7组合图表
83D 图
9测量图
10热点图
11树状图(Treemap)

接下来几个章节我们讲为大家具体介绍 Highcharts 的使用。