📜  Highcharts-概述

📅  最后修改于: 2020-11-30 04:28:42             🧑  作者: Mango


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提供了工具提示内置的格式化程序或回调格式化程序,以通过编程方式控制工具提示。

  • DateTime支持-专门处理日期时间。对日期明智的类别提供许多内置控件。

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

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

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

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

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

支持的图表类型

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

Sr.No. Chart Type & Description
1

Line Charts

Used to draw line/spline based charts.

2

Area Charts

Used to draw area wise charts.

3

Pie Charts

Used to draw pie charts.

4

Scatter Charts

Used to draw scattered charts.

5

Bubble Charts

Used to draw bubble based charts.

6

Dynamic Charts

Used to draw dynamic charts where user can modify charts.

7

Combinations

Used to draw combinations of variety of charts.

8

3D Charts

Used to draw 3D charts.

9

Angular Gauges

Used to draw speedometer type charts.

10

Heat Maps

Used to draw heat maps.

11

Tree Maps

Used to draw tree maps.

在接下来的章节中,我们将通过示例详细讨论上述每种图表。

执照

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