zl程序教程

您现在的位置是:首页 >  前端

当前栏目

最新版--amCharts 5.2.3 javascript-charts

JavaScript -- 最新版 5.2 Charts
2023-09-14 09:04:11 时间

amCharts 5: Charts
Insanely flexible, blindingly fast, a new kind of data-viz
amCharts 5 is the newest go-to library for data visualization. When you don’t have time to learn new technologies. When you need a simple yet powerful and flexible drop-in data visualization solution, backed with detailed docs and seriously efficient support.

 

所有图表,单包
使用 amCharts 5 很容易——所有图表类型都在一个单一的、易于理解的包中!

无需弄清楚产品系列——只需获取 amCharts 5 即可。

由于它旨在与 React、Angular、Vue 等现代 Web 开发工具包一起使用,因此它开箱即用。

 

X/Y
线和平滑线
区域
专栏和酒吧
散点和泡泡
烛台和 OHLC
台阶(包括带无踢板)
浮动和甘特图
瀑布
错误
堆叠(常规或 100%)
热图


百分
馅饼和甜甜圈
嵌套甜甜圈
漏斗
金字塔
画报
地理地图
地图图表
地理热图
地图结合图表
地图是一个附加组件,需要单独的许可。

其他
桑基图
Chord、Chord directed 和 Chord non-ribbon 图

树形图

森伯斯特
分割
力导向树
雷达和极地
词云
维恩图
效率内置
画布渲染
amCharts 5 使用浏览器的 Canvas API,在大多数情况下它比 SVG 快得多。DOM 树中的移动部分更少,渲染速度更快。

 

分层
公共元素组被隔离到单独的独立画布中,因此大量更新的部分不会在未更改的地方触发昂贵的重绘。

快速数据处理
amCharts 5 中的数据处理旨在尽可能高效。增量更新、缺少重复聚合和轻量级数据对象使用使数据处理速度快且内存效率高。

更快的仪表板
amCharts 5 能够在同一页面上运行大量图表,而不会削弱浏览器,因为它采用了轻量级的数据解析和呈现方法。

微小的二进制文件
我们将 amCharts 5 做得非常小——核心功能编译成一个只有 400KB 左右的文件。每个小众功能都被分成文件,因此您只加载真正需要的内容。用户肯定会喜欢更快的加载时间。

 

更好的摇树
我们还将 amCharts 5 设计为非常可摇动树。如果您使用的是 Webpack 或类似的打包程序,那么只有真正需要的代码才会包含到您的最终应用程序中。

最先进的图表包
经典与一些新的曲折
XY 图表现在非常强大和灵活,您可以在其上绘制任何数据。在所有方向上都支持数字、日期、持续时间或类别轴。

饼图现在完全可嵌套,支持自定义开始和结束角度,以创建半圆。

新地理地图
我们的地图使用GeoJSON格式。作为开放且被广泛接受的标准,它为现成和自定义地图开辟了许多可能性和来源。

 

(地图是 amCharts 5 的附加组件:需要单独许可的图表)

更多关于 amCharts 5:地图

画报
创建多层、多系列的图表。任何 SVG 路径都可以用作图表的形状。

桑基图
令人惊叹的水平和垂直流程图。

具有可拖动、完全可配置的节点。

增强型雷达图
通过堆叠柱形图、带形图、轴和其他显着增强功能,雷达图现在更加有用。

树状图
完全可缩放,多层次,高度可配置。

热图
自动构建热图,带有自定义轴、颜色范围和令人敬畏的全新交互式 Heat Legend。

使用颜色或磅值或两者来创建热图。

通用且灵活的热规则允许将数据中的任何值附加到任何元素的任何属性或属性。

和弦图
在整洁的圆形和弦图中可视化您的 2 向关系数据。

我们确实有经典图表的不同变体:Chord、Chord directed 和 Chord non-ribbon。

真实的漏斗图
amCharts 5 以其应有的方式提供真正的漏斗图。

切片的面积大小代表了价值,因此每一步对整体体积减少的影响比基本漏斗更突出。

梯形形式也可以配置为进一步强调减少。

用其他视觉元素完成它,例如完全可配置的切片线、多系列支持、可切换的图例以及更多选项。

内置可定制的美感
强大的主题引擎
amCharts 5 带有一堆漂亮的主题以及一个超级灵活的主题引擎,您可以使用它。

我们在 themes 中设计了一个类似 CSS 的基于规则的主题定位系统。使用、创建、自定义主题或独立规则从未如此简单。新系统允许根据元素的类型、特性或在虚拟元素树中的位置将默认值应用于元素。

焕然一新的面貌
默认外观设计为看起来新鲜,就像明天的东西。

精心挑选的配色方案和默认设置专门用于使图表脱颖而出。

丝般流畅的动画
每个设置——颜色、位置、大小、不透明度等等——都是可动画的,以确保平滑过渡。

没有断断续续的、步进的动画——一切都是流畅的,包括系列和其他项目的缩放和切换。

灵活性
元素模板
大多数元素都是使用模板创建的:默认设置、事件和适配器的集合。更改模板会自动将更改传播到实际元素,从而轻松进行批量更新。

一切都是可配置的
许多配置选项允许创造性的使用,与新的图表类型接壤。

可以设置角度、颜色、位置、半径等任何内容,以完全按照您需要的方式弯曲经典和新图表类型。

元素状态
轻松更改元素在不同情况下的外观,例如在某些交互、悬停、单击或与数据相关时(例如,如果值下降,列外观)。

引擎将根据需要自动应用所需的属性,在旧值和新值之间平滑地进行动画处理。

通过 API 创建和应用自定义状态。

多类型多轴支持
添加任意数量的任意类型的轴。

创建不同时间尺度的叠加比较。

使用维度值的任意组合:数字、日期、类别或持续时间。

适配器
“适配器”功能允许插入自定义代码以动态覆盖任何设置或数据值。

文本格式
所有文本标签——工具提示、轴标签、标题等——现在都支持富文本格式选项,例如更改颜色、字体粗细或应用 CSS 库中的几乎任何样式选项。

除了格式支持之外,标签现在还可以包含真实数据的内联占位符,并能够将自定义格式应用于值。

辅助功能和交互性
辅助功能
在开发 amCharts 5 时,可访问性就很重要。所有交互元素均可通过 TAB 键选择,具有可自定义的角色、顺序和屏幕阅读器文本。一切可以通过触摸或鼠标移动的东西,都可以通过键盘移动。所有可以点击或切换的东西,也可以通过键盘进行交互。

触摸支持
图表设计用于开箱即用的触摸设备。它们不仅适用于手机或平板电脑,还适用于具有触控功能的计算机。

在引擎盖下
使用 TypeScript 构建
支持 TypeScript 应用程序中的强类型和错误检查。

在主要 IDE 中享受代码完成、错误检查和动态帮助弹出窗口。

完全支持 TypeScript 和 ES6 模块。

100% 用于 JavaScript
可以完全用于任何原生 JavaScript 应用程序。

amCharts 5 不使用或依赖全局变量、外部框架或第 3 方库。

通用渲染引擎
可用于构建基于 Canvas 的动态、交互式界面和应用程序。

用几行代码向屏幕添加各种元素,使它们具有交互性。使用内置的交互功能,使它们可点击、可拖动、可悬停。

我们的通用布局引擎将根据设定的规则放置、调整大小和排列元素。