提问 发文

图表组件全家福来也!!!一篇文章带你全部逛完~

微微菌

| 2023-10-31 13:50 361 0 0

如何选到最心仪的图表类型?看完这篇文章你就知道了!

理解了大屏图表的特点:①简单直观的业务逻辑 ②整体平衡的视觉效果 ③3D动效的特别效果

我们就能快速找到最适合需求场景的图表组件啦~

Part 1 图表家族一览

图表组件全家福↓

常用图表优先级排序:

柱形图>=饼图>=折线图>=散点图>>漏斗图、矩形树图、桑基图......

Part2 各图表特点&适用场景

  1. 柱状图

1.1 基本柱状图

基本柱状图通过垂直柱子高度变化展示多维的数据差异,支持自定义y轴区间和多个系列的数据配置,常用于展示数据分布或趋势变化。

1.2 堆叠柱状图

堆叠柱状图是柱状图的一种,通过将每个柱子进行分割以显示相同类型下各个数据的大小情况,支持自定义y轴区间、多系列数据配置以及堆叠式的数据展示。

1.3 基本条形图

基本条形图可显示某段时间内的数据变化或比较各项数据之间的差距,当维度分类较多或维度名称较长应选择条形图。

1.4 水平堆叠条状图

水平堆叠条形图将每个柱子进行分割以显示相同类型下各个数据的大小情况,可形象展示一个大分类包含的每个小分类的数据,以及各个小分类的占比,显示的是单个项目与整体之间的关系。

1.5 斑马纹理柱状图

斑马纹理柱状图是基本柱状图的延伸,通过斑马状纹理给柱状图带来全新的样式体验。本身仍具备基本柱状图功能特性,可通过垂直柱子高度变化展示多维的数据差异,支持自定义y轴区间和多个系列的数据配置,常用于展示数据分布或趋势变化。

1.6 基本立体柱状图

基本立体柱状图以立体柱状图的形式展示不同系列维度数据,支持自定义y轴区间和多个系列的数据配置,常用于展示数据分布或趋势变化。相比较基本柱状图数据显示更加立体化。

1.7 堆叠立体柱状图

堆叠立体柱状图属于柱状图的一种,具备3d的视觉效果,并可以通过堆叠的形式来展示不同系列之间的数据对比情况。

1.8 轮播排行条形图

轮播排行条形图以排行条形图的方式展示数据,同时以轮播的效果动态展示数据排行效果。

1.9 摩天轮

摩天轮可实现将 单值数据占比 以模拟摩天轮样式进行图表展示,通常展示城市数据占比排行等。

1.10 双向柱状图

双向柱状图是柱状图的一种,实现双向展示正负柱状样式,支持多系列数据配置以及双向式的数据展示。

1.11 动态折线柱状图

动态折线柱状图是基本折线图和基本柱状图的结合图表,可按需选择折线样式或柱状样式进行数据展示,支持多系列数据配置。

1.12 动态条形图

动态条形图是条形图的一种,可以动态地展示出随着时间推移的TOP条数。

1.13 胶囊预测图

胶囊预测图是条形图的一种,可显示某段时间内的数据变化或比较各项数据之间的差距,当维度分类较多或维度名称较长应选择条形图。

1.14 基本三角形图

基本三角形图通过三角形的方式分类显示不同系列或者时间段内范围内数据。不同范围内数据以数据块为单位,在数据块没可设置不同系列数据来具体展示数据。

1.15 象形图

象形图以类似大象的图形形式来展示不同系列的数据,通过数据的高低起伏来展示数据的变化状态。

1.16 环形点联结柱状图

环状点连接柱状图以柱状上端点连接起来的方式展示数据高低起伏的变化,线条上动画可以清晰的展示出数据的整体变化趋势。

1.17 3D柱状图bsc

3D柱状图bsc是柱状图的一种,通过将每个柱子进行分割以显示相同类型下各个数据的大小情况,支持自定义y轴区间、多系列数据配置以及堆叠式的数据展示。

  1. 折线图

2.1 基本面积图

基本面积图是折线图的一种,支持自定义y轴区间、多系列数据配置以及某个系列的数字提示框展示,以折线和区域相结合的方式,智能地展示多维的实时数据的变化趋势。

2.2 基本折线图

基本折线图是折线图的一种,通过多系列数据配置的方式,展示同一类目下不同数据的变化,智能地展示多维的数据变化趋势。

2.3 表格折线图

表格折线图以表格加数据连线加数据点的方式通过运动效果来展示不同品类系列数据的变化趋势。

  1. 饼图

3.1 3D饼图

3D饼图以三维形式表示每一数值相对于总数值的大小,其数据点在图表中绘制的单个值由3D圆环扇面为数据标记的图形表示。

3.2 基本饼图

基本饼图以饼状图的形式切割展示不同系列的数据,可设置不同系列数据展示颜色来区分数据之前的占比差别。

3.3 基本环图

基本环图由内外两个圆环组成以运动圆环的形式切割区域展示不同系列的数据,可设置不同系列数据展示颜色来区分数据之前的占比差别。

3.4 多色玫瑰图

多色玫瑰图是基础饼图的展现形式之一。通过扇形样式展示数据系列中各项的大小与各项总和的比例,通过多系列数据配置的方式,展现数据变化。

3.5 旋转轮播饼图

旋转轮播饼图以运动圆环的形式切割区域展示不同系列的数据形式,可设置不同系列数据展示颜色来区分数据之间的占比差别。

  1. 散点图

4.1 散点图

散点图通常用于表述两个连续变量之间的关系,主要的构成元素有:数据源(散点)、横纵坐标轴、变量名及研究的对象。而基本要素就是散点,即所统计的数据,展示实时数据的散点变化趋势。

4.2 气泡图

气泡图多用于表现三个变量之间的关系。气泡图与散点图相似,不同之处在于,气泡图允许在图表中额外加入一个表示大小的变量。通常情况下,气泡由大小不同的标记(指示相对重要程度)表示。

4.3 线性回归图

线性回归图主要用于表现两种或两种以上变量间的线性关系。图表存在一个点集,用一条曲线去拟合其分布的过程。主要的构成元素有:数据源(函数折线或散点)、横纵坐标轴、变量名及研究的对象。

  1. 漏斗图

漏斗图可以以漏斗或者金字塔的形式分层显示不同数据系列占比情况。

  1. 等级占比图

等级占比图通过类似层叠的方式可清晰的展示出不同类型数据占比数量,通常用于展示客户群体占比等场景。

  1. 矩形树图

矩形树图一般用于展现具有层级关系的数据,能够直观体现同级之间的比较;矩形树图采用矩形表示层次结构里的节点,父子节点之间的层次关系用矩形之间的相互嵌套隐喻来表达。从根节点开始,屏幕空间根据相应的子节点数目被分为多个矩形,矩形的面积大小通常对应节点的属性。

矩形树图的好处在于,相比起传统的树形结构图,矩形树图能更有效得利用空间,并且拥有展示占比的功能。矩形树图的缺点在于,当分类占比太小的时候文本会变得很难排布。相比起分叉树图,矩形树图的树形数据结构表达的不够直观、明确。

  1. 万用预测图

万用预测图通过x/y/z3个坐标轴的形式来秒时不同系列数据的真实数据与预测数据间的变化情况。

  1. 和弦图

和弦图是表示数据之间相互关系的图形方法。节点围绕着圆周分布,点与点之间以弧线彼此连接以显示当中关系,通过每个圆弧的大小比例给每个连接分配数值。此外,还可以通过颜色将数据分类,直观地进行比较和区分。

  1. 桑基图

桑基图即桑基能量分流图,也叫桑基能量平衡图。它是一种特定类型的流程图,右图中延伸的分支的宽度对应数据流量的大小,通常应用于能源、材料成分、金融等数据的可视化分析。

  1. K线图

K线图以横坐标为时间维度,纵轴为成交量来模拟股市交易中的蜡烛变化趋势。

以上就是我们EasyV所有的图表组件一览啦~

想了解更多相关资讯可以戳👇下面这个链接噢~~~

https://easyv.cloud/help/docs/ye1flh.html

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群