Skip to content

数据更新

在 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 })

示例完善中...