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

使用场景

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

配置说明

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

2、关联数据

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

①:关联对应的数据集

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

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

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

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

3、配置样式

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

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

  • 风格

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

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

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

②:设置表头的字体大小

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

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

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

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

  • 单元格设置

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

①:单元格背景颜色设置

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

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

④:单元格的高度设置

  • 特殊值控制

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

  • 分页设置

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

  • 序号与内容超长

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

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

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

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

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

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

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

相关推荐
zxsz_com_cn6 小时前
设备预测性维护怎么做?预测性维护案例详解
大数据·人工智能
G皮T6 小时前
【Elasticsearch】查询性能调优(四):计数的精确性探讨
大数据·elasticsearch·搜索引擎·全文检索·es·性能·opensearch
十月南城6 小时前
ES性能与可用性——分片、副本、路由与聚合的调度逻辑与成本
大数据·elasticsearch·搜索引擎
CryptoRzz6 小时前
StockTV API 对接全攻略(股票、期货、IPO)
java·javascript·git·web3·区块链·github
iReachers6 小时前
为什么HTML打包安卓APP安装时会覆盖或者报错?
android·java·html·html打包apk·网页打包
纟 冬6 小时前
Flutter & OpenHarmony 运动App运动模式选择组件开发
android·java·flutter
毕设源码-赖学姐6 小时前
【开题答辩全过程】以 基于Springboot的智慧养老系统的设计与实现为例,包含答辩的问题和答案
java·spring boot·后端
jamesge20107 小时前
限流之漏桶算法
java·开发语言·算法
jvstar7 小时前
JAVA面试题和答案
java