Highcharts - 概述

Highcharts 是一个纯基于 JavaScript 的图表库,旨在通过添加交互式图表功能来增强 Web 应用程序。 它支持多种图表。 图表是在 Chrome、Firefox、Safari、Internet Explorer(IE) 等标准浏览器中使用 SVG 绘制的。 在旧版 IE 6 中,VML 用于绘制图形。

Highcharts 库的功能

现在让我们讨论 Highcharts 库的一些重要功能。

  • 兼容性 − 可在所有主要浏览器和移动平台(例如 Android 和 iOS)上无缝运行。

  • 多设备支持 − 支持基于触摸屏的平台(如 Android 和 iOS)上的多点触控。非常适合 iPhone/iPad 和基于 Android 的智能手机/平板电脑。

  • 免费使用 − 开源,可免费用于非商业目的。

  • 轻量级 − highcharts.js核心库大小近35KB,是一个极其轻量级的库。

  • 配置简单 − 使用json定义图表的各种配置,非常容易学习和使用。

  • 动态 − 即使在图表生成后也允许修改图表。

  • 多轴 − 不限于x、y轴。 支持图表上的多轴。

  • 工具提示可配置 − 当用户将鼠标悬停在图表上的任意点上时,会出现工具提示。 Highcharts 提供工具提示内置格式化程序或回调格式化程序,以通过编程方式控制工具提示。

  • 日期时间支持 − 特别处理日期时间。 提供对日期类别的大量内置控件。

  • 导出 − 通过启用导出功能将图表导出为 PDF/ PNG/ JPG / SVG 格式。

  • 打印 − 使用网页打印图表。

  • 可缩放性 − 支持缩放图表,更精确地查看数据。

  • 外部数据 − 支持从服务器动态加载数据。 使用回调函数提供对数据的控制。

  • 文本旋转 − 支持任意方向旋转标签。

支持的图表类型

Highcharts库提供以下类型的图表 −

序号 图表类型和描述
1

曲线图

用于绘制基于线/样条线的图表。

2

区域图

用于绘制区域图表。

3

饼图

用于绘制饼图。

4

散点图

用于绘制分散图表。

5

气泡图

用于绘制基于气泡的图表。

6

动态图表

用于绘制动态图表,用户可以修改图表。

7

组合图表

用于绘制各种图表的组合。

8

3D 图表

用于绘制3D图表。

9

角度测量图

用于绘制车速表类型图表。

10

热点图

用于绘制热点图。

11

树状图

用于绘制树状图。

在后续章节中,我们将通过示例详细讨论上述每种类型的图表。

许可证

Highcharts 是开源的,可免费用于非商业目的。 为了在商业项目中使用 Highcharts,请点击链接 − Highcharts 许可和定价