跳到主要内容

多值图片

1.基础多值图片​

1.1 介绍与演示​

image
Preview

多值图片是一种可承载多组关联信息的图像形式，能在单张图片中嵌入多个维度的数据，或通过交互触发不同信息展示（如点击图片不同区域显示对应明细）。在报表等场景中，可替代多张单值图片，直观呈现数据关联（如同一产品的多规格参数图、不同时段的趋势对比图集成），节省展示空间，提升信息获取效率。

1.2 使用教程​

1.2.1 基础属性​

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

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

1.2.2 高级属性​

控件内部内容与控件边框的边距，常用于配合其他功能使用。
比如横轴文字倾斜，导致文字显示不全，那么就要调整下内边距；纵轴刻度较大或较小，那么就要调整左内边距；
增加图例时，图例可能以各种形式显示，那么就要依照实际需求进行内边距调整等；

  • 图片设置​

显示方式：设置图片的显示方式为拉伸/填充/自裁剪。
边框尺寸：设置图片的边框大小。
边框颜色：设置图片边框的颜色。
显示范围：设置显示图片的范围。如：首行图片

  • 图片文字​

显示：设置图片文字是否显示。
显示位置：设置显示出的图片文字所在位置。
背景色：设置背景颜色。
高度：设置文字的高度。
字体样式：设置文字的样式，大小，颜色。

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 关键性操作配置​

  • 图片设置
    选择显示范围。