数据更新
在 SceneV 中,您可以通过以下两种主要方式来更新图元的数据:
1. 通过绑定数据源字段更新图元数据
您可以为图元绑定特定的数据源字段。当数据源的数据发生变化并推送到前端时,图元的显示内容(如文本、数值、颜色等)会自动进行同步更新。
详细的操作步骤和说明,请点击跳转参考:数据绑定。
2. 通过事件或者状态更新
除了通过数据源被动更新外,您还可以通过配置交互事件或状态条件来主动更新图元数据:
- 事件更新:通过配置图元的交互事件(如点击、双击、鼠标移入等),触发特定的“动作”(如发送数据、更新属性),从而改变自身或其他目标图元的属性及数据。
- 状态更新:结合条件配置,当满足特定条件时(例如绑定的数值大于某个阈值),触发图元状态的切换,进而更新图元的显示数据、颜色或样式。
TIP
无论是事件更新还是状态更新都是通过配置动作来实现的。
核心方法
- id: 图元的id
- data: 要更新的数据对象,包含需要修改的属性和对应的值。
typescript
meta2d.setValue({ id: "", data });
// or
context.meta2d.setValue({ id: "", data });
//例如
//更新id为"3232332d"的图元的文本内容为"新的文本内容"
context.meta2d.setValue({ id: "3232332d", {text:'新的文本内容'} })
// echarts更新source数据 假设echarts的id为:43434dd
const newData = [
{label:'新的标签1',value:100},
{label:'新的标签2',value:200},
]
context.meta2d.setValue({ id: "43434dd", 'echarts.options.dataset.source':newData })示例完善中...