JVS·智能BI数据可视化图表:普通列表与分组列表配置全解析

使用场景

在可视化配置中,很多场景中需要图形和详细信息的融合展示,那么在图表中可以新增普通列表与分组列表的配置。如下图所示:

配置说明

1、新增组件:配置入口如下图所示,新增组件时,选择普通列表与分类列表

2、关联数据

对于普通列表新增组件后,如下图所示进行配置:

①:关联对应的数据集

②:系统会自动加载对应的数据字段

③:把需要展示的对应的字段从②的展示中拖入 维度展示 框中,左侧预览效果会自动创建展示

④:设置需要展示的数据过滤条件,这里表示从数据集中过滤,而非用户设置过滤条件 (用户最多只能看到哪些数据)

⑤:设置数据的排序、查询条件(用户自己可以设置想看到哪些数据,从而点击查询条件)

3、配置样式

配置样式时,系统提供了图表设置、标题设置、组件外观设置。这里我们重点讲解下图表设置。

图表设置中包括:基础样式设置、列表头设置、单元格设置、特殊值设置、分页设置、序号设置、文本超长设置。

  • 风格

基础样式设置主要是设置列表也的风格,其中包括默认的常规风格、斑马纹的风格、内部线框模式的风格、极简模式的风格,如下图所示:

  • 表头设置,如下图所示:

①:表头的背景颜色设置,点击颜色时,系统会弹出颜色设置框,可以选择对应的背景设置

②:设置表头的字体大小

③:设置表头的字体的颜色,类似于设置表头的背景颜色的设置一样

④:设置表头字体加粗、斜体与下划线

⑤:设置表头字体的布放模式:居左、居中、居右

⑥:设置表头的高度,通过滑动控制

  • 单元格设置

单元格即表格中的数据展示效果,设置如下图所示:

①:单元格背景颜色设置

②:单元格的线条设置,包括线条样式、颜色、与线条宽度

③:单元格的文章设置,包括文字的磅值,文字的颜色、加粗、斜体、下滑、靠左、居中、靠右设置

④:单元格的高度设置

  • 特殊值控制

主要是对于缺失的值的进行展示,包括展示空值、展示0、展示"--",通过下拉进行选择后,系统自动显示转换结果

  • 分页设置

分页设置包括分页的展示效果与分页默认条数设置,其中标准分页样式与简约分页样式如下图所示:

  • 序号与内容超长

系统可以设置默认的序号展示,通过开关开启后,可以设置序号的样式,如下图所示:

对于文本超长时,可以选择自动换行或者自动隐藏的设置。

分组列表与普通列表展示的配置基本相同,仅仅在数据配置时存在差异,需要选择分组的条件:

分组列表还有提供数据汇总的功能,如下图所示:

开启汇总开关后,系统自动生成总计的数据统计行,其中对于非数字化的列不能汇总,那么可输入占位字符与最后汇总的单位。

在线demo:http://bi.bctools.cn

gitee地址:https://gitee.com/software-minister/jvs-bi

相关推荐
CoderYanger3 分钟前
Java EE 进阶:5. Spring IoC&DI(第二弹):Spring IoC
java·开发语言·spring boot·spring·面试·职场和发展·java-ee
深圳市益普科技有限公司12 分钟前
半导体SPC工具怎么选?从控制图算法到落地架构的对比
大数据·人工智能·架构
演艺大赏23 分钟前
Doris 2.1.11 BE 多节点异常掉线:AutoReleaseClosure callback reuse 数据竞争与 std::bad_alloc 双
大数据
小蒋观天下32 分钟前
网络抖动、乱序、丢包:UDP/RTSP/TCP对AI抓拍、轨迹跟踪的不同影响
大数据·人工智能·深度学习
super_Omni44 分钟前
Chrome 插件入驻实战:从 Manifest V3 到过审上架的完整路径
大数据·前端·chrome
悟天特斯1 小时前
安防一体化:从“各管各的“到“全局联动“
java·大数据·网络·人工智能·物联网
腾讯数据架构师1 小时前
任务跑完怎么直接出图表?CubeStudio 任务可视化 ECharts 数据格式实操(CSV/JSON + metric.json,11 种图表一键渲染)
前端·json·echarts·数据可视化
70后写java的老码农1 小时前
Spring Boot 3.x + ShardingSphere 5.x + MyBatis-Plus 3.x:订单分库分表实战(含两个踩坑记录)
java
霸道流氓气质1 小时前
AI 翻译插件:翻译记忆级联复用、术语混合检索与结构化质量门禁的 Vue3 + Spring AI 生产级实战
java·人工智能·spring
斯维赤1 小时前
OCR到底是接入第三方API 还是自己封装?
java·ocr