AmCharts 4: Charts

Javascript-charts

amCharts 4：图表

一种新的高级数据可视化终于来了！

数据可视化的首选库。当您没有时间学习新技术时。当您需要一个简单而强大且灵活的插入式数据可视化解决方案时。包括所有基本和高级图表类型，并可通过其他插件（如 Maps 和 TimeLine）进行扩展。

 

 

 

单个包中的多种图表类型选择

使用 amCharts 4 很容易——所有图表类型，包括地理地图，都在一个易于理解的产品中！

无需弄清楚产品线 - 只需获取 amCharts 4 即可。

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

• X/Y

线、平滑线、面积、柱/3D 柱、条/3D 柱、曲线柱、圆柱、圆锥、散点图、气泡、烛台、OHLC、阶梯（包括无立管）、浮动、瀑布、错误、堆叠（常规、100% 或 3D）、热图、甘特图以及这些的任意组合。

• 切片

馅饼、3D 馅饼、甜甜圈、嵌套甜甜圈、森伯斯特、漏斗、金字塔、画报。

• 地理地图

地图图表、地理热图、地图结合图表。（地图是一个附加组件，需要单独的许可证）

• 其他

桑基图、树状图、弦图、雷达、极地。

 

先进的图表包

经典与一些新的曲折

 

XY 图表现在非常强大和灵活，您可以在其上绘制任何数据。支持所有方向的数字、日期、持续时间或类别轴。

轴现在可以包含交互式中断，在悬停时扩展并且实际上看起来很棒。

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

 

新的地理地图

 

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

此外，地图现在非常灵活，支持多系列，可配置到螺母和螺栓。

（地图是 amCharts 4 的附加组件，需要单独的许可证）

 

画报

 

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

桑基图

 

令人惊叹的流程图，水平和垂直。具有可拖动、完全可配置的节点。

 

增强型雷达图

 

 

通过堆叠列、波段、轴和其他显着增强功能，雷达图现在变得更加有用。

 

树状图

 

完全可缩放、多层次、高度可配置。

 

热图

 

自动构建热图，使用自定义轴、颜色范围和令人敬畏的全新交互式热图图例。

使用颜色或点大小或两者创建热图。

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

 

和弦图

 

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

内置节点切换功能允许用户专注于重要的关系。

 

真正的漏斗图

 

amCharts 4 带来了真正的漏斗图。

Slice 的面积大小代表数值，所以每一步对整体体积减少的影响比基本漏斗更显着。

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

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

 

灵活性

任何东西都可以是任何东西

 

嵌套图表元素。将多个基本或高级形状包含到其他元素中。

想要在列中添加另一个图表？没问题。

添加三个 SVG 图像和一个标签作为线条系列的项目符号？当然，为什么不呢。

 

一切都可以配置

 

许多配置选项允许创造性的使用，接近新的图表类型。

角度、颜色、位置、半径，任何东西都可以设置为完全按照您需要的方式弯曲经典和新图表类型。

 

元素状态

 

轻松更改元素在不同情况下的外观，例如在某些交互、悬停、单击或与数据相关（例如，如果值下降，则列外观）。

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

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

多类型多轴支持

 

添加任意数量的任意类型的轴。

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

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

 

适配器

 

新的“适配器”功能允许插入自定义代码以动态覆盖几乎任何设置、属性或数据。

 

文本格式

 

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

感觉更勇敢了？现在，任何标签都可以接受完整的 HTML，包括 CSS、图像以及您可以在浏览器中抛出的任何内容。

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

 

 

性能和数据管理

线程数据解析和渲染

由于我们的增量数据解析/图表渲染系统，即使有数千个数据点需要处理，图表也不会使您的浏览器陷入困境。

在构建图表时，整个页面将保持响应。

 

针对性能优化的 SVG

只要有可能，元素总是被重用和重新散列。除非绝对必要，否则不会重绘任何元素。

即使图表上有很多复杂的元素，这也会带来出色的表现。

 

增量数据更新

实施实时图表，而无需进行昂贵的整个数据集重新计算的开销。图表支持增量数据更新，使得动态操作数据变得非常容易。

内置支持外部数据源，包括重复加载和增量数据。

 

视觉震撼

焕然一新的样子

 

默认外观设计为看起来很新鲜，就像明天的东西。

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

 

流畅的动画

 

每个属性——颜色、位置、大小、不透明度等等——都是可动画的，以确保平滑过渡。

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

内置变形机制来变形和改变形状。

 

多主题支持

 

主题允许将定制的迷人粒度应用于图表。

此外，每个图表可以应用多个主题，这允许组合来自多个来源的通用功能，即材质颜色 + 动画主题。

 

专注于颜色

 

amCharts 4 有一种特殊的方式来处理颜色。借助内置功能，可以轻松创建和设置颜色和透明度。

自动生成补色也很容易。例如，图表将自动选择在工具提示的彩色背景中突出的对比色。

内置的颜色集功能提供了根据许多可配置参数自动生成对比色的方法。只需设置一些起始颜色，然后观察图表自动生成颜色托盘。

 

渐变和模式管理

 

创建多色自定义径向或线性渐变填充非常容易。

使用引人注目的默认设置或提供您自己的步骤、颜色、方向和其他任何内容，以获得独特的外观和感觉。

如果渐变不是你的菜，任何图像都可以用来为任何元素创建图案填充。

 

内置SVG过滤器

 

amCharts 4 附带了一个完全可配置的过滤器列表，您可以使用一行代码将其应用于任何元素。

想让您的专栏投下阴影吗？只需将“投影”过滤器添加到您的列系列模板。

此外，过滤器也可以应用于状态。图表将在两个设置之间自动设置动画。

捆绑的滤镜包括：阴影、去饱和、模糊、着色、聚焦、变亮。

 

 

可访问性和交互性

无障碍

 

• 深思熟虑并内置到核心中。
• 预设、智能、有用的屏幕阅读器文本。
• 完全键盘控制。
• 捆绑的强烈对比主题。

 

互动性

 

• 多指针接口。
• 流体，基于惯性的阻力。
• 内置轻柔悬停、触摸和交互效果。

 

触控支持

 

• 针对触摸设备进行了优化。
• 不仅在移动设备上进行了设计和测试，而且还在具有触摸功能的计算机上进行了设计和测试。
• 在混合设备上功能齐全。
• 全方位的手势支持，如双指缩放、滑动等。
• 多点拖动。

 

引擎盖下

使用 TypeScript 构建

 

在 TypeScript 应用程序中支持强类型和错误检查。

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

完全支持 TypeScript 和 ES6 模块。

 

JavaScript 100%

 

可以在任何 vanilla JavaScript 应用程序中完全使用。

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

支持双重配置：基于对象或通过序列化 JSON。

 

通用SVG引擎

 

可用于构建动态、交互式 SVG 界面和应用程序。

将各种元素添加到屏幕上，使它们具有交互性，只需几行代码。使用内置的交互功能使它们可拖动、可调整大小、可旋转、可滑动。

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

鼠标、触摸和键盘事件可以附加到 DOM 树中的任何对象。