Highcharts官方版

Highcharts简介

Highcharts是一个图表API库。开发新软件时，可以在应用程序中加入API，这样你的软件就可以有图表功能。现在很多开发项目都可以直接加载API。通过将编辑好的API加载到项目中，可以快速构建新的功能模块，可以节省开发时间，更快地部署项目。如果需要添加图表功能，可以将此Highcharts软件配置到项目中。该软件提供丰富的图表类型，支持折线图、面积图、条形图、饼图、散点图和气泡图，并提供数百种图表样式。可以选择需要使用的图表API，快速开发新的图表功能！

Highcharts软件功能

Highcharts是基于SVG的现代多平台图表库。这使得向Web和移动项目添加交互式图表变得很容易。自2009年以来，它一直在积极开发，由于其强大的功能集、易用性和详细的文档，一直受到开发人员的喜爱。

1.与您的堆栈一起使用。

我们所有的图表库都可以用于任何后端数据库或堆栈。数据可以以任何形式给出，包括CSV、ON或实时加载和更新。大多数流行语言的包装器(例如。Net、PHP、Python、R和Java、iOS和Andid)以及Angular、Vue和React等框架可以从Highcharts或我们的社区获得。

2.触摸和移动优化

智能响应能力不仅使图表适合容器的大小，还能自动将非图形元素(如标签、图例和标题)放置在最佳位置。

多点触控手势支持可以在手机和触摸屏上提供原生体验。单击一次拖动数据，单击一次缩放等。

3.注释，支持用户交互

有了注释，开发人员可以通过在画布上的任何地方绘制简单的形状和文本或者将它们与特定的数据点绑定来描述图表或数据点。或者，注释模块包括用于构建用户界面(如按钮、工具栏和对话框)的应用编程接口，以便最终用户可以在图表上放置自己的注释。注释的位置和可见性在运行时智能地响应画布/屏幕的大小。

4.面向最终用户的成熟编辑器

免费的Highcharts编辑器使开发人员能够用几行代码将功能齐全的图表编辑器嵌入到他们的S或Web应用程序中。

5.调试器

Highcharts调试器将通过上面提供的图表即时警告和错误报告帮助您加快开发速度。该错误消息提供了如何解决问题的明确说明。

6.选项是可选的。

在大多数情况下，图表的外观和行为完全符合您的需求，无需修改。一个简单的选项结构允许深度定制，样式可以通过JavaScpt或CSS完成。Highcharts还可以扩展和插入，供寻求高级动画和功能的专家使用。查看我们社区部分的一些高级定制设置，并查看我们扩展目录中的插件。

7.浏览器中的数据处理

使用Highcharts，可以在客户端对源数据进行后处理，提高用户体验。从版本8开始，您可以将标记聚类作为散点图类型的图表启用，并从3聚类算法中进行选择。另一个好的数据处理功能是对数据进行排序的能力，不管数据源是否已经排序。

8.打字手稿

得益于TypeScpt声明的集成，Highcharts NPM包允许键入大多数Highcharts选项和函数，包括自动完成代码和与带有TypeScpt函数的编辑器集成的文档(如Visual Studio Code)。

9.辅助功能和声音

Highcharts为视障用户和仅使用键盘导航的用户提供业内最完整的辅助功能支持，能够满足并超过第508节和WCAG 2指南的要求。它还包括一个基本的发音应用编程接口，支持各种数据，使声音栩栩如生。

10.出口和印刷

启用导出模块后，用户可以点击按钮将图表导出为PNG、JPG、PDF或SVG格式，或者直接从网页上打印图表。

1.动态的

许多事件提供了根据图表进行编程的钩子，因此可以通过实时、动态的数据更新和可定制的动画轻松演示数据之间的复杂关系。数据可以以任何形式处理到Highcharts(甚至来自不同的站点)，也可以通过回调函数解析成数组。

Highcharts新版特色

1.交换范围选择器

我们彻底改造了范围选择器的UX。

响应范围选择器

首先，我们添加了一个函数，如果空间有限，该函数允许将范围选择器按钮的行折叠成下拉列表。

此功能可能会被强制始终显示下拉列表，或者被禁用以始终显示按钮行。默认行为是下拉菜单以响应的方式出现，从而在小屏幕(如移动设备)或仪表板中提供更好的体验。

Html第5阶段选择器

其次，我们有同样的心态来改善移动体验，我们升级了范围选择器输入。

现在，输入使用大多数现代浏览器支持的真正的HTML5阶段选择器。其他浏览器将像以前一样使用文本输入。此外，我们删除了输入周围的一些墨迹，以实现更现代、更轻便的图形设计。

2.三维图表中的面积序列

现在您可以将区域系列添加到三维图表中，并在不同深度进行布局，以实现Z维度的叠加效果，就像我们之前在列系列中支持的那样。

3.无障碍改善

除了各种小的改进，我们还通过添加图例标题和改进的图例项目标签支持来增强可访问性体验。

4.更安全的HTML处理

虽然所有用户提供的内容在添加到Highcharts配置之前都应该被过滤，但我们现在正在采取额外的步骤来确保恶意内容不会进入DOM。现在，所有提供的HTML配置字符串将被解析成语法树，然后这些语法树将被允许列表过滤并插入到DOM中。

5.内部重建

虽然最终用户或实施者看不到它，但我们已经显著地重构了系列类型和指标的组织。现在是真正继承的ES6类，更适合TypeScpt。

Highcharts使用说明

1.3D列

图表旨在突出显示三维柱形图渲染选项。移动下面的滑块来更改图表的基本3D设置。3D柱形图通常比2D图更难阅读，但它们提供了有趣的视觉效果。

2.具有空值和零值的三维列

该图表旨在显示三维柱形图中0和null之间的差异。空点表示缺少数据，0是有效值。

3.3D圆柱体

图为3D圆柱体的基本用法。3D圆柱图与3D圆柱图相似，但形状不同。

4.3D漏斗

显示3D通道的图表。3D漏斗在功能上与2D漏斗相似，但装饰效果不同。

5.3D金字塔

Highcharts支持绘制3D和2D金字塔地图。虽然2D版本通常更容易阅读，但3D版本有时用于装饰效果。

6.具有堆叠和分组功能的三维柱

显示分组和堆叠的三维列的图表。这些功能可用于2D和三维柱形图。

7、3D学校

显示三维饼图布局用法的图表。选择“Chme”切片，该切片从饼图中偏移。单击切片以选择和取消选择它们。请注意，虽然3D蛋糕有装饰，但可能很难阅读，视角可能会使用户附近的切片看起来比实际大。

8、3D甜甜圈

3D饼图的变体，其中添加了内半径。这些图表通常被称为甜甜圈图。

9、三维散点图

显示三维散点图的图表，其中图表可以从不同角度旋转到点。每个点都有一个x、y和z坐标值。

10、三维面积图

1.热图

显示每周数据的热图。热图通常用于可视化数据集中的热点，并显示模式或相关性。由于它们的紧凑性，它们经常用于大量数据。

12.大热图

热图超过8500点，显示2017年的小时气温。蓝色表示寒冷，红色表示温暖。请注意，我们如何使用紧凑的热图在大型数据集中查找模式。此图使用Highcharts Boost模块来提高性能。

13.瓷砖地图，蜂巢

六边形图，有时称为蜂巢图或六边形图，显示的是人口数据。在这种情况下，地图被用来以相同的大小显示每个州——消除了与传统地图相关的一些偏见。

14.带颜色轴的树形图

树形图是比较整体值或显示分层数据的极好工具。这个例子是一个没有层次结构的简单树形图，显示了矩形大小和颜色轴的值差异。

15.树形图

此图显示了具有层次结构的树形图，其中组使用与子节点不同的文本样式进行标记，并且这些节点按颜色分组在一起。

16.大树地图

这个演示展示了一个用树形图可视化的大数据集。世界上每个国家都有一个数据点，按大陆分组。单击该大陆查看更多详细信息。点击一个国家会进一步把死亡率分成不同的类型。

17.极坐标(雷达)图

在极轴上显示不同系列类型的极轴图。极坐标图，也称为雷达图，通常用于比较多元数据集。Highcharts中的极坐标图只是一个X轴周长的笛卡尔图。它可以渲染常见类型的笛卡尔序列，例如线、列、区域或区域范围。

18.蜘蛛网

蜘蛛网图或雷达图是极坐标图的变体。蜘蛛网图通常用于比较多元数据集，例如，这个演示使用了六个比较变量。

19.Sembersteau

Senberster图表用于以圆形显示分层数据。内部元素是父节点，子节点分布在外圈。单击父节点以更详细地向下钻取和树。

20.风玫瑰

玫瑰图通常用于可视化风的模式。在本例中，图表显示了风速分布。这是通过极坐标堆叠柱形图实现的。

21.径向条形图

极坐标条形图类似于条形图，但Y轴是圆形的。在这个演示中，我们看到了冬奥会前10名国家/地区获得的奖牌总数。

22.平行坐标

该图显示了一个平行坐标图的示例。这种类型的可视化通常用于显示多元数据，并可以帮助分析大型数据集以找到模式和相关性。

23.风钩

倒钩用于在图表上可视化风向和风速。如本例所示，它们通常与其他族类型结合使用，以提供其他。