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

使用场景

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

配置说明

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

2、关联数据

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

①:关联对应的数据集

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

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

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

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

3、配置样式

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

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

  • 风格

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

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

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

②:设置表头的字体大小

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

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

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

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

  • 单元格设置

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

①:单元格背景颜色设置

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

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

④:单元格的高度设置

  • 特殊值控制

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

  • 分页设置

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

  • 序号与内容超长

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

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

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

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

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

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

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

相关推荐
ASTHENIA15 小时前
HNUST-2025年秋-软件工程复习资料
大数据·软件工程
毕设源码-郭学长15 小时前
【开题答辩全过程】以 高校教室管理系统为例,包含答辩的问题和答案
java·spring boot
罗不丢15 小时前
UTC,Date,LocalDate转换问题解决方法
java
Klong.k15 小时前
谈谈session、application存储对象
java·tomcat
Moe48815 小时前
Spring Boot启动魔法:SpringApplication.run()源码全流程拆解
java·后端·面试
阿杰AJie15 小时前
Java 常见场景中需要使用 try 的示例集
java·后端
0***v77715 小时前
JavaWeb项目打包、部署至Tomcat并启动的全程指南(图文详解)
java·tomcat
老华带你飞16 小时前
房屋租赁管理|基于springboot + vue房屋租赁管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·毕设
金融小师妹16 小时前
基于LSTM趋势预测的白银价格突破58美元阈值,年度累计涨幅超100%的强化学习驱动分析
大数据·人工智能·编辑器·1024程序员节
DashVector16 小时前
如何通过HTTP API删除Doc
大数据·后端·云计算