You need to enable JavaScript to run this app. LightningChart中如何通过代码触发legendBox复选框点击实现系列切换
优惠活动
大模型
产品
解决方案
定价
更多

LightningChart中如何通过代码触发legendBox复选框点击实现系列切换

问题解答

可以通过代码实现等效的点击效果,有两种常用实现方案:

方案1:直接模拟触发复选框点击事件

该方案效果完全等价于用户手动点击复选框,会触发所有绑定在该复选框点击事件上的回调逻辑:

// 可视化框架内置触发点击方法(适配你当前使用的UI组件体系)
box.triggerClick()

// 若框架未封装对应方法,也可手动触发原生DOM点击事件
box.element.dispatchEvent(new Event('click'))

方案2:直接修改系列可见性(更推荐)

由于你已经完成了复选框和图表系列的绑定,直接修改系列的可见性时,复选框的选中状态会自动同步,效果和手动点击完全一致,该方案逻辑更轻量、稳定性更高:

// 切换系列显隐状态
series.setVisible(!series.isVisible())

// 也可以直接传入布尔值指定固定状态
// series.setVisible(true)  // 强制显示系列
// series.setVisible(false) // 强制隐藏系列

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.20 00:15:03