实现动态数据加和

效果展示dv_Trim.gif

操作步骤

  1. 登录DataV控制台

  2. 选择任一数据看板,单击编辑,进入画布编辑器页面。

  3. 添加3数字翻牌器组件到画布中。

  4. 单击任一数据翻牌器,选择样式面板,修改标题 > 标题名上半年销售额,在图层面板双击修改组件名称为数字翻牌器-上半年。重复操作配置其他两个数字翻牌器组件。image.png

  5. 选择全局变量页签,单击新建变量,创建1个来源为数据源请求类型的命名为A的动态变量。

  6. 以数据库为例,输入SQL命令。

    select floor(rand()*(1000)+1) as value
  7. 重复上述操作,再创建一个命名为B的动态变量。

  8. 切换到蓝图编辑器。

  9. 添加所有图层节点、所有全局变量、2个定时器节点和2个串行数据处理节点到蓝图主画布中。

  10. 连接组件。image.png

  11. 选择定时器节点,在右侧配置面板中打开是否循环,设置延迟时间3秒。

  12. 配置串行数据处理节点处理方法。

    • A+变量B

      return [{
        value: data[0].value + getCallbackValue("B")[0].value
      }]
    • B+变量A

      return [{
        value: data[0].value + getCallbackValue("A")[0].value
      }]
  13. 单击页面右上角的预览图标,预览展示结果。dv_Trim.gif