在数据驱动的运营时代，数据可视化成为企业实时掌握业务动态的关键工具。可视化图表可以将核心业务指标能像仪表盘一样清晰、实时地展现在眼前。
今天，拆解一个强大又易用的数据可视化组件——指标卡片。它能将你关心的“日订单量”、“总交易额”、“新增用户”等核心数据，以最直观的形式呈现，助力你快速洞察业务现状。
指标卡片通常以卡片的形式展示关键数据指标，提供一个清晰简洁的展示方式，用于某些关键数据的展示，如下图所示：
在日常业务监控场景中，指标卡片常用于呈现核心的业务指标，如日订单量、日总交易额、日新增注册用户数等，帮助用户实时掌握业务现状。接下来我们看看，指标卡片包含的具体配置。
创建卡片
进入配置引擎中，点击数据卡片或图表卡片组件，选择后系统会自动创建一个默认的卡片
卡片包含的内容：
①：指标名称，可以在样式中自定义
②：数字指标（数值类），通过数据集选择对应数据汇总数值
③：卡片图标，可以自定义
④：卡片的背景，可以自定义
⑤：卡片的操作
⑥：卡片指标箭头
数据关联
点击卡片，在右侧弹出卡片的详细配置面板，对卡片的具体数据进行配置：
①：选择来源，点击“选择数据集”，在弹出数据来源的窗口中选择自己想要展示的数据集，系统会自动加载该数据集的字段内容
②：动态加载展示数据集的各个字段
③：可以设置数据过滤的条件（从数据集中过滤 不必要的数据）
④：把对应字段拖到指标字段中，然后可以选择具体汇总的方式（求和、求平均、最大最小值等）
⑤：添加指标箭头的展示样式以及展示条件。不同条件下展示不同效果
配置字体
点击卡片后，在右侧的配置界面中设置样式，样式可分为系统预设和自定义样式：
其中自定义样式具体设置如下：
①：点击“样式”配置页面，进入样式配置，其中包括指标内容、图标配置、组件配置
②：设置标题内容的 具体文字说明
③：设置标题的文字大小、颜色、是否加粗与下滑线等操作
④：设置数据展示的字体大小、颜色、是否加粗与下划线等操作
⑤：指标箭头的大小
⑥：设置对齐的配置操作
⑦：设置文字上下的间隔距离
⑧：副指标内容配置和前面内容配置一致
⑨： 图标相关配置
⑩：内容在卡片的什么位置
配置图标
①：图标设置，展示了与图标相关的配置
②：把图标设置的“开关”启用，则展示图表
③：设置左侧、右侧的图标位置，如下图所示
④：点击图标下拉框，弹出图标的选择界面，点击颜色选择器，弹出颜色选择界面；其中图标内置了一部分图标，也提供系统上传；颜色选择器比较灵活，支持纯色、渐变等多种样式
⑤：设置图标的背景，通过颜色选择器可以设置图标的背景颜色。可设置图标与颜色的搭配模式。
⑥：设置图标的圆角方式
整体布局设置
设置内容在组件中的位置，包括靠左、居中
点击组件背景可以设置组件的背景颜色，可以设置可以设置背景的叠加背景图案。也可设置边框、圆角、阴影等。
在线demo：bi.bctools.cn
gitee地址：gitee.com/software-mi…
