天天看点

Highcharts 教程

Highcharts 教程

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

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

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

<b>兼容性</b> - 支持所有主流浏览器和移动平台(android、iOS等)。

<b>多设备</b> - 支持多种设备,如手持设备 iPhone/iPad、平板等。

<b>免费使用</b> - 供个人免费学习使用。

<b>轻量</b> - highcharts.js 内核库大小只有 35KB 左右。

<b>配置简单</b> - 使用 json 格式配置

<b>动态</b> - 可以在图表生成后修改。

<b>多维</b> - 支持多维图表

<b>配置提示工具</b> - 鼠标移动到图表的某一点上有提示信息。

<b>时间轴</b> - 可以精确到毫秒。

<b>导出</b> - 表格可导出为 PDF/ PNG/ JPG / SVG 格式

<b>输出</b> - 网页输出图表。

<b>可变焦</b> - 选中图表部分放大,近距离观察图表;

<b>外部数据</b> - 从服务器载入动态数据。

<b>文字旋转</b> - 支持在任意方向的标签旋转。

HighCharts支持的图表类型:

序号

图表类型

1

<b>曲线图</b>

2

<b>区域图</b>

3

<b>饼图</b>

4

<b>散点图</b>

5

<b>气泡图</b>

6

<b>动态图表</b>

7

<b>组合图表</b>

8

<b>3D 图</b>

9

<b>测量图</b>

10

<b>热点图</b>

11

<b>树状图(Treemap)</b>

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