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

使用场景

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

配置说明

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

2、关联数据

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

①:关联对应的数据集

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

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

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

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

3、配置样式

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

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

  • 风格

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

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

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

②:设置表头的字体大小

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

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

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

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

  • 单元格设置

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

①:单元格背景颜色设置

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

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

④:单元格的高度设置

  • 特殊值控制

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

  • 分页设置

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

  • 序号与内容超长

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

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

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

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

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

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

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

相关推荐
李慕婉学姐2 小时前
【开题答辩过程】以《基于社交网络用户兴趣大数据分析》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
数据挖掘·数据分析
JH30733 小时前
SpringBoot 优雅处理金额格式化:拦截器+自定义注解方案
java·spring boot·spring
Coder_Boy_4 小时前
技术让开发更轻松的底层矛盾
java·大数据·数据库·人工智能·深度学习
2501_944934734 小时前
高职大数据技术专业,CDA和Python认证优先考哪个?
大数据·开发语言·python
invicinble4 小时前
对tomcat的提供的功能与底层拓扑结构与实现机制的理解
java·tomcat
较真的菜鸟5 小时前
使用ASM和agent监控属性变化
java
黎雁·泠崖5 小时前
【魔法森林冒险】5/14 Allen类(三):任务进度与状态管理
java·开发语言
九河云5 小时前
5秒开服,你的应用部署还卡在“加载中”吗?
大数据·人工智能·安全·机器学习·华为云
Gain_chance5 小时前
36-学习笔记尚硅谷数仓搭建-DWS层数据装载脚本
大数据·数据仓库·笔记·学习
每日新鲜事6 小时前
热销复盘:招商林屿缦岛203套售罄背后的客户逻辑分析
大数据·人工智能