跳到主要内容
版本:2.0.1

可视化组件概述

在搭建看板布局框架后 ,可一键应用可视化图表组件,帮助您直观、清晰地展示数据分析结果,本文为您介绍不同类型图表的适用场景,辅助您快速选取合适的图表进行数据呈现和展示。

适用场景

比较类

比较类组件可以显示不同维值的数据聚合结果或占比情况,适用于不同维度结果的对比、占比、排行。

图表样例适用场景
柱状图image-20230130144847674直观显示类别之间的数值比较。其中柱状图的一个轴显示正在比较的类别,而另一个轴代表对应的刻度值
堆积柱状图image-20230130150513257形象展示一个大类目包含的每个小类目的数据,以及各个小类目的占比,显示单个项与整体之间的关系
条形图image-20230130145145722柱形图的横向展示方式,用若干个细长的横条长度来表达显示类别之间的数值比较情况
堆积条形图image-20230130150325162堆积柱形图的横向展示方式,横向展示一个大分类包含的每个小分类的数据

趋势类

趋势类组件可以显示随时间而变化的连续数据,非常适用于显示在相等时间间隔下数据的趋势。

图表样例适用场景
折线图image-20230130180231560直观体现事物随时间或其他有序类别而变化的趋势
面积图image-20230130180247574与折线图类似,展示其趋势走向及所占的面积比例
堆积面积图image-20230130180029522与面积图类似,不同的是堆积面积图上每一个数据集的起点不同,起点是基于前一个数据集的,用于显示每个数值所占大小随时间或类别变化的趋势线,展示的是部分与整体的关系

分布类

分布类组件常用于维度值基于指标的汇总或占比结果进行分布显示,用突出、放大等效果进行数据结果表达,多用于维度值的分布。

图表样例适用场景
饼图image-20230131095713877用于分析数据的占比,直观体现每一个部分在整体中所占的比例
环形图image-20230131095828512同饼图,仅图表效果更简洁
玫瑰图image-20230131100255348通过扇形的面积和半径显示数据的占比情况,可以展示每一数值相对于总数值的大小、数据在某一时间段的变化,也可以用来比较各项数据间的情况等

显示类

显示类组件常用于不同维值的指标数据聚合结果的直接展示

图表样例适用场景
指标卡image-20230131113940094适合突出显示重要业务KPI指标
表格image-20230131164256285适合以列表形式,直观展示所有数据的明细或以维度进行指标数据聚合结果

流程步骤

image-20230117160951708

1)创建组件:直接拖拽组件至画布对应位置,即完成组件的创建

2)配置数据:选中组件,在右侧栏目配置图表数据源及数据计算处理,具体详见数据配置

3)美化图表:选中组件,在右侧栏目配置图表样式,各图表样式设置,详见后续章节各图表组件的介绍说明

4)效果查看:画布区域实时展示组件数据及样式效果,所见及所得,无需频繁运行调试