VegaJs - 如何将事件侦听器附加到条形图图例？

【问题标题】：VegaJs - How to attach an event listener to bar graph legends?VegaJs - 如何将事件侦听器附加到条形图图例？
【发布时间】：2020-07-21 05:51:51
【问题描述】：

我有一个要求，在单击图例时，我必须根据所选图例更新数据表。我需要将选定的图例应用为我的数据表的过滤器。请帮忙。

【问题讨论】：

标签： vega

【解决方案1】：

Vega 视图支持事件监听器

// define the view
_v = new vega.View(vega.parse(spec))
     .renderer('svg')
     ...

// listen to events
_v.addEventListener('click', function(event, item) {
  // event is the event listener
  // item is the active scenegraph
  console.log('CLICK', event, item);
})

如果您想要数据表的单击图例项的文本，请使用：item.text

参考：https://vega.github.io/vega/docs/api/view/#view_addEventListener

【讨论】：