数字翻牌器是文字组件的一种,支持自定义翻牌器的标题、数字、前缀、后缀等样式,通常与其他组件配合使用,通过交互功能在大屏中展示实时数据的变化情况。本文档为您介绍数字翻牌器各配置项的含义,帮助您快速准确地使用数字翻牌器组件。

配置

  • 搜索配置:单击配置面板右上角的搜索配置,可在搜索配置弹出框中输入您需要搜索的配置项名称,快速定位到该配置项,系统支持模糊匹配。详情请参见搜索组件配置
  • 图表尺寸:包括组件的宽度和高度,单位为px。可单击锁定长宽比按键锁定组件的宽高比,等比例修改组件的宽高。再次单击进行解锁,解锁后宽高比不受限制。
  • 图表位置:包括组件的横坐标纵坐标,单位为px。横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。
  • 旋转角度:以组件的中心为中心点,进行旋转,单位为度(°)。
    • 手动输入角度值,控制组件的旋转角度。
    • 拖动圆圈旋转控制图标图标内的黑点,控制组件的旋转角度。
    • 单击左右翻转图标图标,控制组件左右翻转样式。
    • 单击上下翻转图标图标,控制组件上下翻转样式。
  • 透明度:取值范围为[0,1]。为0时,图表隐藏;为1时,图表全部显示。默认为1
  • 全局
    数字翻牌器全局样式
    • 文本样式

      字体:组件中所有文本的字体,默认为微软雅黑

    • 排列方式:标题与翻牌器的相对位置,可选:标题在上、标题在左、标题在下。
    • 间距:标题与翻牌器之间的距离,取值范围为-100到500。
  • 标题
    数字翻牌器的标题样式
    • 标题名:标题的名称,输入一般为文本。与数据中的name字段对应,优先使用数据中的配置。
    • 文本样式
      • 字号:标题文本的大小。
      • 颜色:标题文本的颜色,可参考颜色选择器说明进行修改。
      • 字体粗细:标题文本的字体粗细。
  • 翻牌器
    数字翻牌器的翻牌器样式
    • 字体:翻牌器的字体系列,默认为微软雅黑
    • 水平对齐:翻牌器的水平对齐方式,可选:左对齐、右对齐、居中对齐。
    • 前缀:翻牌器前缀的样式。
      • 内容:前缀的具体内容,输入一般为符号,例如¥$等。
      • 文本样式
        • 字体:前缀文本的字体系列,默认为微软雅黑
        • 字体颜色:前缀文本的颜色。
        • 字号:前缀文本的字体大小。
        • 字体粗细:前缀文本的字体粗细。
    • 数字:翻牌器的数字样式。
      翻牌器的数字样式
      • 文本样式
        • 字体颜色:数字文本的颜色。
        • 字号:数字文本的字体大小。
        • 字体粗细:数字文本的字体粗细。
      • 数字间隔:数字之间的间隔距离,取值范围为0到100。
      • 背景色:每个数字所占方格的背景颜色,可设置为透明,隐藏背景色。
      • 背景圆角:每个数字背景块的边角的弧度,取值范围为0到100。
      • 分隔符背景:勾选后,分隔符显示背景色样式。
      • 默认位数:翻牌器默认显示几位数字,取值范围为0到100。
        说明 如果默认位数比数据长度小,那么头部超出部分会省略。反之,则会在头部补0。
      • 数据四舍五入:打开后,数值直接四舍五入为整数进行显示;关闭后,使用原始数值进行显示。
      • 千分位分隔符:打开后,数值显示千分位分隔符。
      • 千分位分隔符符号:千分位分隔符的符号。
        说明 分隔符最长为一位,超出一位时,取第一位,并且不能使用数字作为分隔符。例如输入,.',则会取,作为分隔符。
      • 小数分割符符号:小数分割符的符号。
        说明 分隔符最长为一位,超出一位时,取第一位,并且不能使用数字作为分隔符。例如输入,.',则会取,作为分隔符。
      • 始终动画:打开后,翻牌器数据无论变动与否,始终开启滚动动画;关闭后,翻牌器数据不变的时候,关闭滚动动画。
      • 动画时长:动画播放的时间,单位为ms
      • 数据抖动修正:打开后,保护翻牌器数据不下跌,只能显示上涨;关闭后,翻牌器数据跌涨都会显示。
  • 后缀:翻牌器的后缀样式。
    数字翻牌器的后缀样式
    • 内容:后缀的具体内容,通常用于标识数字的单位,例如GB等。
    • 文本样式
      • 字体:后缀文本的字体系列,默认为微软雅黑
      • 字体颜色:后缀文本的颜色。
      • 字号:后缀文本的字体大小。
      • 字体粗细:后缀文本的字体粗细。
  • 交互:设置组件的回调ID。以哪个字段的内容来实现组件之间的数据联动,输入必须为数据中的某一个字段。
    注意 此功能已更新到交互面板中,样式面板的该功能将弃用,请尽快升级。

数据


数字翻牌器的数据面板

上图中的示例数据如下:

[
  {
    "name": "",
    "value": 232425
  }
]
  • name:(可选)数字翻牌器的标题内容,不为空时会覆盖样式中的配置。为空时会使用标题 > 标题名配置项中的内容。
  • value:数字翻牌器的具体数值。
  • prefix:(可选)数字翻牌器的前缀内容,不为空时会覆盖样式中的配置。为空时会使用翻牌器 > 前缀 > 内容配置项中的内容。
  • suffix:(可选)数字翻牌器的后缀内容,不为空时会覆盖样式中的配置。为空时会使用翻牌器 > 后缀 > 内容配置项中的内容。
表 1. 配置项说明
配置项 说明
自动更新请求 勾选后可以设置动态轮询,还可以手动输入轮询的时间频次。
数据源 单击配置数据源,可在设置数据源页面中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果。详情请参见配置组件数据
数据过滤器 单击添加过滤器,可在设置数据源页面中配置数据过滤器,详情请参见组件过滤器使用说明
数据响应结果 展示数据请求的响应结果。当数据源发生改变时,可单击右侧的刷新图标,实时查看数据响应结果。

交互

勾选启用,开启组件交互功能。当翻牌器的数字发生变化时,会抛出回调值,默认抛出数据中的value字段值。具体配置请参考配置数字翻牌器组件的回调ID