文档首页 > > 用户指南> 组件指南> 文本> 数字翻牌器

数字翻牌器

分享
更新时间: 2019/12/06 GMT+08:00

本章节主要介绍数字翻牌器组件各配置项的含义。

样式

  • 尺寸位置
    • 图表尺寸:设置图表的宽和高。单位为px。
    • 图表位置:设置图表在画布中的位置。单位为px。
    图1 尺寸位置-数字翻牌器
  • 数字翻牌
    • 对齐方式:设置数字的对齐方式,可以设置为水平居中、左侧对齐、右侧对齐。
    • 间距:设置数字与图层的间距。
    • 始终动画:开启后,翻牌器上的数字将始终随着数据的变化而动态变化。
    • 动画时长:输入数值或单击可设置动画一次播放的时间,时间单位为毫秒。
    • 趋势:单击“趋势”右侧的勾选框,表示显示趋势,表示隐藏趋势。趋势分为两种,一种是增长趋势,一种是减少趋势。当后续翻牌器中的数值比当前值大时,为增长趋势;当后续翻牌器中的数值比当前值小时,为减少趋势。趋势支持设置自定义图标。
    • 前缀:设置数字的前缀内容、字体、字号、字体颜色、字体粗细。
    • 数字:设置数字的样式,包括小数位控制、千位分隔符、字体、字号、颜色、字体粗细、数字间隔、左右内边距、上下内边距、背景色。
    • 后缀:设置数字的后缀内容、字体、字号、字体颜色、字体粗细。
    图2 数字翻牌-数字翻牌器
  • 标题
    • 对齐方式:设置标题的对齐方式,可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。
    • 标题名:设置标题的名称。
    • 字体:设置标题的字体。
    • 字号:设置标题的字号。
    • 颜色:设置标题的字体颜色。
    • 字体粗细:设置标题的字体粗细。
    图3 标题-数字翻牌器

数据

上图中的示例数据如下:

[
  {
    "name": "元旦销售额",
    "value": 456888
  }
]
  • name:组件显示的标题名称。
    • “name”配置时,组件优先显示name的配置名称;
    • “name”没有配置时,组件显示“样式”页签中“标题”下的“标题名”
    • “标题名”没有配置时,组件不显示标题。
  • value:组件显示的值。

交互

如何使用组件的交互配置,请参照设置组件交互

分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!

非常感谢您的反馈,我们会继续努力做到更好!

反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

跳转到云社区