Workshop中数据计算逻辑与交互式仪表盘实现方法咨询
交互式仪表盘快速搭建方案(金额/年份实时计算场景)
一、Workshop中直接实现实时计算的方法
Workshop支持直接输入计算公式,不需要依赖复杂的Functions或Scenarios,步骤如下:
- 拖入数值输入控件(年份也可用下拉选择控件限定合法值),分别对应“金额”和“年份”输入项,设置好默认值、数值范围等规则;
- 添加指标卡片/文本组件,在组件内容编辑框中直接写入内联计算公式:
若需要格式化结果(比如保留两位小数),可调整为:{{ $controls['金额输入'].value / $controls['年份输入'].value }}
用户修改输入值时,结果会同步自动更新。{{ ($controls['金额输入'].value / $controls['年份输入'].value).toFixed(2) }}
二、最快最优的方案选择
你试过的Scenarios和Functions并非这个场景的最优解:
- Scenarios适合保存多组预设参数并切换,不适合实时输入修改;
- Functions仅用于复杂、可复用的计算逻辑,你的除法计算完全没必要单独写函数。
最快的方案就是Workshop原生控件+内联公式,全程可视化拖拽配置,几分钟就能完成:
- 配置两个输入控件,分别对应金额和年份;
- 用展示组件直接写除法公式绑定控件值;
- 可选:若需要关联现有对象集的初始数据,控件默认值可绑定数据集行数据,比如
{{ $dataset.yourDataset.rows[0].amount }}。
三、关联现有对象集修改的场景
如果需要用户直接修改对象集里的金额/年份值再计算,可改用表格编辑组件:
- 拖入「表格编辑」组件,绑定你的对象集,开启金额、年份列的编辑权限;
- 添加计算组件,绑定表格选中行的计算逻辑:
用户修改表格中的数值后,计算结果会实时同步更新。{{ $components.tableEdit.selectedRow.amount / $components.tableEdit.selectedRow.year }}
内容的提问来源于stack exchange,提问作者Foundry_Users
相关产品推荐
相关产品推荐

