跳到主要内容

指标卡片

1.基础指标卡片​

1.1 介绍与演示​

image
Preview

指标卡片是报表中聚焦展示关键指标（KPI/OKR） 的独立可视化模块，以简洁布局突出核心数据，助力快速获取信息，适配仪表盘、监控报表等场景，打印后信息层级清晰，无模糊问题。

1.2 使用教程​

1.2.1 数据导入​

数据导入支持：Json数据集、API服务数据集；

  1. 基础数据准备：Json数据集或Excel【可百度转换成Json文件】
  2. 注意事项：
    至少要有一个字段；

1.2.2 基础属性​

基础属性可以对本控件的背景、边框、标题、选择器等属性的修改。

  1. 背景：颜色（纯色、渐变颜色）、背景图（显示方式）等设置；
  2. 边框：是否圆角（圆角度数设置）、边框（是否存在、边框尺寸、边框颜色、是否阴影）等设置；
  3. 标题：控件标题（是否显示）、显示高度、标题背景设置、字体样式设置、超链接、字体位置等设置；
  4. 选择器：选择器（是否显示）、背景设置、字体、展现方式（根据不同宽度来调整大小：窗口等分、分别定义占比、分别定义绝对宽度）等设置；

1.2.3 高级属性​

  • 图形基础​

圆角：设置图片的圆角度数。
文字排版：设置文字的显示排版为多行或单行。
位置：设置文字在图形中的位置。
阴影：设置阴影颜色，大小，位置，模糊度。

背景层配置用于自定义界面或图表背景的外观与显示效果
位置：设置背景层在整体界面或目标容器中的摆放位置。
宽度：设置背景层的横向尺寸，可选择自适应容器宽度。
高度：设置背景层的纵向尺寸，可选择自适应容器高度。
背景色：设置背景层的默认纯色填充，可通过色值选择器自定义颜色。
渐变背景：选择是否开启背景的渐变效果。
背景图片：支持上传本地自定义图片作为背景层，上传后可补充设置图片的显示模式。

主图标配置用于自定义界面或组件中核心图标的显示形态与布局
显示：设置主图标在界面中是否可见，勾选启用后图标正常显示，取消则隐藏图标。
盒宽：设置主图标外层容器的宽度。
位置：设置主图标在其所属容器内的摆放位置。
图标：设置主图标的具体类型/样式。
大小：调整主图标自身在图形内的尺寸。
颜色：设置主图标的填充颜色。
圆角：设置主图标本身的圆角弧度。
边距：调整主图标与外层容器边缘的四周边距大小。

主值配置用于自定义界面中核心数据的显示效果与布局。
显示：设置主值在界面中的可见状态。
边距：调整主值与所属容器边缘或周边元素的四周边距。
字体样式：设置主值的字体样式，大小，颜色。

副值配置用于自定义界面中辅助性数据的显示效果与布局。
显示：设置副值在界面中的可见状态。
边距：调整副值与所属容器边缘或周边元素的四周边距。
字体样式：设置副值的字体样式，大小，颜色。

1.3 事件属性​

事件属性主要是控件的穿透。https://doc.tizdata.com/fastbi/1605

1.4 动效属性​

动效属性主要是控件的动效。https://doc.tizdata.com/fastbi/1588

2 主副值指标卡片​

2.1 介绍与演示​

image
Preview

2.2 基础操作​

参考目录【1.基础指标卡片】完成基础配置

2.3 关键性操作配置​

  • 主值
    显示：开启显示主值，调整位置，字体样式等

  • 副值
    显示：开启显示副值，调整位置，字体样式等

3 主图标指标卡片​

3.1 介绍与演示​

image
Preview

3.2 基础操作​

参考目录【1.基础指标卡片】完成基础配置

3.3 关键性操作配置​

  • 主图标
    显示：开启主图标显示，调整位置，类型，颜色。