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

使用场景

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

配置说明

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

2、关联数据

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

①:关联对应的数据集

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

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

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

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

3、配置样式

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

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

  • 风格

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

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

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

②:设置表头的字体大小

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

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

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

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

  • 单元格设置

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

①:单元格背景颜色设置

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

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

④:单元格的高度设置

  • 特殊值控制

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

  • 分页设置

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

  • 序号与内容超长

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

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

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

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

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

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

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

相关推荐
阿望要努力上研究生2 小时前
若依项目搭建(黑马经验)
java·redis·node.js·maven·管理系统
一只脑洞君2 小时前
Kubernetes(K8s)的简介
java·容器·kubernetes
zygswo2 小时前
程序猿成长之路之设计模式篇——设计模式简介
java·设计模式
除了代码啥也不会3 小时前
springboot项目发送邮件
java·spring boot·spring
Davina_yu3 小时前
finereport制作带刷新和滚动的明细表
数据库·数据分析
无敌の星仔4 小时前
一个月学会Java 第7天 字符串与键盘输入
java·开发语言·python
GGBondlctrl4 小时前
【JavaEE初阶】多线程案列之定时器的使用和内部原码模拟
java·开发语言·定时器·timer的使用·定时器代码模拟
多多*4 小时前
OJ在线评测系统 微服务高级 Gateway网关接口路由和聚合文档 引入knife4j库集中查看管理并且调试网关项目
java·运维·微服务·云原生·容器·架构·gateway
惜.己5 小时前
java中日期时间类的api
java·开发语言·intellij-idea·idea·intellij idea