概述

优质
小牛编辑
133浏览
2023-12-01

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

Highcharts图书馆的特点

现在让我们讨论一下Highcharts图书馆的一些重要特征。

  • Compatability - 在所有主流浏览器和Android和iOS等移动平台上无缝工作。

  • Multitouch Support - 支持基于触摸屏的平台上的多点触控,如Android和iOS.Ideal,适用于iPhone/iPad和基于Android的智能手机/平板电脑。

  • Free to Use - 开源,可以免费用于非商业目的。

  • Lightweight - highcharts.js核心库,大小接近35KB,是一个非常轻量级的库。

  • Simple Configurations - 使用json定义图表的各种配置,非常容易学习和使用。

  • Dynamic - 即使在生成图表后也允许修改图表。

  • Multiple axes - 不限于x,y轴。 支持图表上的多个轴。

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

  • DateTime support - 特别处理日期时间。 提供多个日期明智类别的内置控件。

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

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

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

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

  • Text Rotation - 支持在任何方向上旋转标签。

支持的图表类型

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

Sr.No.图表类型和描述
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,请点击链接 - 许可和定价