Highcharts 简明教程

Highcharts - Overview

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

Features of Highcharts Library

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

  1. Compatability − 在所有主流浏览器和移动平台(如 Android 和 iOS)上无缝运行。

  2. Multitouch Support − 支持在基于触摸屏的平台(如 Android 和 iOS)上进行多点触控。适用于 iPhone/iPad 和基于 Android 的智能手机/平板电脑。

  3. Free to Use − 开源,可免费用于非商业用途。

  4. Lightweight −highcharts.js 内核库大小约为 35KB,是一个极其轻量级的库。

  5. Simple Configurations −使用 json 来定义图表的各种配置,且非常易于学习和使用。

  6. Dynamic − 允许在图表生成后修改图表。

  7. Multiple axes − 不局限于 x、y 轴。支持图表上的多个轴。

  8. Configurable tooltips −当用户将鼠标悬停在图表上的任何一点时,会出现工具提示。Highcharts 提供工具提示内建格式程序或回调格式程序以通过编程方式控制工具提示。

  9. DateTime support − 特别处理日期时间。提供对按日期分类的许多内置控件。

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

  11. Print − 使用网页打印图表。

  12. Zoomablity −支持缩放图表以更精确地查看数据。

  13. External data − 支持从服务器动态加载数据。使用回调函数控制数据。

  14. Text Rotation − 支持任意方向旋转标签。

Supported Chart Types

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

Sr.No.

Chart Type & Description

1

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

2

Area Charts 用于绘制区域图表。

3

Pie Charts 用于绘制饼图。

4

Scatter Charts 用于绘制散点图。

5

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

6

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

7

Combinations 用于绘制组合图表。

8

3D Charts 用于绘制 3D 图表。

9

Angular Gauges 用于绘制速度计类型的图表。

10

Heat Maps 用于绘制热图。

11

Tree Maps 用于绘制树状图。

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

Licence

Highcharts 是开源的,可免费用于非商业用途。为了在商业项目中使用 Highcharts,请访问以下链接− License and Pricing