【JVS·智能BI】可视化图表(7):指标卡片

科技躬身要践行 2024-09-18 19:22:36

大家好,我是软件部长,今天给大家介绍JVS·智能BI的可视化图表,指标卡片的配置。

关于JVS·智能BI更多功能介绍,可以在【JVS-智能BI v2.2.X】合集内查阅,如果需要了解更多产品资讯,欢迎关注我。

指标卡片通常以卡片的形式展示关键数据指标,提供一个清晰简洁的展示方式,用于某些关键数据的展示,如下图所示:

在日常业务监控场景中,指标卡片常用于呈现核心的业务指标,如日订单量、日总交易额、日新增注册用户数等,帮助用户实时掌握业务现状。接下来我们看看,指标卡片包含的具体配置。

创建卡片

进入配置引擎中,点击数据卡片或图表卡片组件,选择后系统会自动创建一个默认的卡片

卡片包含的内容:

①:指标名称,可以在样式中自定义

②:数字指标(数值类),通过数据集选择对应数据汇总数值

③:卡片图标,可以自定义

④:卡片的背景,可以自定义

⑤:卡片的操作

数据关联

点击卡片,在右侧弹出卡片的详细配置面板,对卡片的具体数据进行配置:

①:选择来源,点击“选择数据集”,在弹出数据来源的窗口中选择自己想要展示的数据集,系统会自动加载该数据集的字段内容

②:动态加载展示数据集的各个字段

③:可以设置数据过滤的条件(从数据集中过滤 不必要的数据)

④:把对应字段拖到指标字段中,然后可以选择具体汇总的方式(求和、求平均、最大最小值等)

配置字体

点击卡片后,在右侧的配置界面中设置样式,样式可分为系统预设和自定义样式:

其中自定义样式具体设置如下:

①:点击“样式”配置页面,进入样式配置,其中包括指标内容、图标配置、组件配置

②:设置标题内容的 具体文字说明

③:设置标题的文字大小、颜色、是否加粗与下滑线等操作

④:设置数据展示的字体大小、颜色、是否加粗与下划线等操作

⑤:设置对齐的配置操作

⑥:设置文字上下的间隔距离

⑦:图标相关配置

配置图标

①:图标设置,展示了与图标相关的配置

②:把图标设置的“开关”启用,则展示图表

③:设置左侧、右侧的图标位置,如下图所示

④:点击图标下拉框,弹出图标的选择界面,点击颜色选择器,弹出颜色选择界面;其中图标内置了一部分图标,也提供系统上传;颜色选择器比较灵活,支持纯色、渐变等多种样式

⑤:设置图标的背景,通过颜色选择器可以设置图标的背景颜色。可设置图标与颜色的搭配模式。

⑥:设置图标的圆角方式

整体设置

设置内容在组件中的位置,包括靠左、居中

点击组件背景可以设置组件的背景颜色,可以设置可以设置背景的叠加背景图案。

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

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

0 阅读:0

科技躬身要践行

简介:感谢大家的关注