如何实现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
相关产品推荐
相关产品推荐

