Highcharts 基础教程

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

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

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

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

HighCharts 图标库特性

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

本教程使用的 Highcharts 版本

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

Highcharts 支持的图表类型

HighCharts 支持 11 种图表类型

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

学习 Hightcharts

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.