D3.js 我们是否可以将事件侦听器添加到";织女星Lite“;规范?

D3.js 我们是否可以将事件侦听器添加到";织女星Lite“;规范?,d3.js,data-visualization,vega,vega-lite,D3.js,Data Visualization,Vega,Vega Lite,我对Vega和Vega Lite是新手。我正在使用Vega Lite创建一个简单的条形图,但我无法添加任何事件侦听器,例如“悬停” 我想悬停一个条并更改条的颜色。如果您正在使用,它将返回一个承诺,并引用允许您使用addEventListener的视图 以下是一个例子: const width = 600 const color = blue embed(element, { $schema: 'https://vega.github.io/schema/vega-lite/3.0.0-r

我对Vega和Vega Lite是新手。我正在使用Vega Lite创建一个简单的条形图,但我无法添加任何事件侦听器,例如“悬停”

我想悬停一个条并更改条的颜色。

如果您正在使用,它将返回一个承诺,并引用允许您使用
addEventListener的视图

以下是一个例子:

const width = 600
const color = blue
embed(element, {
    $schema: 'https://vega.github.io/schema/vega-lite/3.0.0-rc6.json',
    data: { 'values': data },
    mark: {
        type: 'line',
        color,
        point: {
            color,
        }
    },
    width,
    height: width / 2,
    encoding: {
        'x': {
            field: 'label',
            type: 'temporal',
        },
        'y': {
            field: 'value',
            type: 'quantitative',
        },
    }
}).then(({spec, view}) => {
    view.addEventListener('mouseover', function (event, item) {
        console.log(item.datum)
    })
})

您没有提供任何代码。因此,它不是一个代码编写服务。看看这本书的结尾<代码>图表({el:“#vis”})
是一个
视图
结果一样。视图
来自
vg.embed({el:“vis”,embeddespec,function(error,result){};
您可以在('event',fnctn)上使用任何
监听器。调用时,处理程序有2个参数,第二个是
。您需要检查它,看看是否确实可以使用它。完整的Vega有可指定的事件监听器。您没有在此处提供任何代码。我相信您可以使用Vega Lite API实现悬停效果。请参阅