You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Workshop中数据计算逻辑与交互式仪表盘实现方法咨询

交互式仪表盘快速搭建方案(金额/年份实时计算场景)

一、Workshop中直接实现实时计算的方法

Workshop支持直接输入计算公式,不需要依赖复杂的Functions或Scenarios,步骤如下:

  • 拖入数值输入控件(年份也可用下拉选择控件限定合法值),分别对应“金额”和“年份”输入项,设置好默认值、数值范围等规则;
  • 添加指标卡片/文本组件,在组件内容编辑框中直接写入内联计算公式:
    {{ $controls['金额输入'].value / $controls['年份输入'].value }}
    
    若需要格式化结果(比如保留两位小数),可调整为:
    {{ ($controls['金额输入'].value / $controls['年份输入'].value).toFixed(2) }}
    
    用户修改输入值时,结果会同步自动更新。

二、最快最优的方案选择

你试过的Scenarios和Functions并非这个场景的最优解:

  • Scenarios适合保存多组预设参数并切换,不适合实时输入修改;
  • Functions仅用于复杂、可复用的计算逻辑,你的除法计算完全没必要单独写函数。

最快的方案就是Workshop原生控件+内联公式,全程可视化拖拽配置,几分钟就能完成:

  1. 配置两个输入控件,分别对应金额和年份;
  2. 用展示组件直接写除法公式绑定控件值;
  3. 可选:若需要关联现有对象集的初始数据,控件默认值可绑定数据集行数据,比如{{ $dataset.yourDataset.rows[0].amount }}。

三、关联现有对象集修改的场景

如果需要用户直接修改对象集里的金额/年份值再计算,可改用表格编辑组件:

  • 拖入「表格编辑」组件,绑定你的对象集,开启金额、年份列的编辑权限;
  • 添加计算组件,绑定表格选中行的计算逻辑:
    {{ $components.tableEdit.selectedRow.amount / $components.tableEdit.selectedRow.year }}
    
    用户修改表格中的数值后,计算结果会实时同步更新。

内容的提问来源于stack exchange,提问作者Foundry_Users

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 02:05:05