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

如何实现Vega图表自定义JS图例的交互式系列排除与重渲染?

问题:Vega自定义图例交互实现数据系列排除与图表重渲染

我通过JS渲染自定义图例,希望借助Vega信号实现以下交互:点击图例时,排除对应的数据系列,同时让图表重新计算并完成渲染(比如坐标轴范围会根据剩余数据自动调整)。

我试过在数据源中添加过滤器,过滤掉对应字段的颜色,代码如下:

dataSource.transform.push({
  type: 'filter',
  expr: `indexof(${this.HIDDEN_SERIES_SIGNAL}, datum.${this.COLOR_FIELD}) === -1`
});

但这个方案只是隐藏了系列的可见性,并没有实现图表重新计算渲染的预期效果(比如坐标轴范围仍包含被隐藏系列的数值),现在想找其他可行的解决办法。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.12 06:12:03