D3.js 我们是否可以将事件侦听器添加到";织女星Lite“;规范?
我对Vega和Vega Lite是新手。我正在使用Vega 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
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实现悬停效果。请参阅