嵌入式Vega缺少工具提示



我有下面的JSFiddle,演示了一个小的Vega条形图:

<head>
<script src="https://cdn.jsdelivr.net/npm/vega@5"></script>
</head>
<body>
<div id="view"></div>
<script type="text/javascript">
var view;
var chart = { Vega code removed for brevity - please check JSFiddle}
render(chart);

function render(spec) {
view = new vega.View(vega.parse(spec), {
renderer:  'canvas',  // renderer (canvas or svg)
container: '#view',   // parent DOM container
hover:     true       // enable hover processing
});
return view.runAsync();
}


</script>
</body>

如果将vega对象复制到vega编辑器中,当鼠标悬停在图表元素上时,会得到一个工具提示。在JSFiddle中,没有工具提示

有人能帮我在HTML嵌入版本中获得工具提示吗?

我已经能够通过使用以下版本的vega嵌入来获得完整的功能:

<!DOCTYPE html>
<html>
<head>
<script src="vega-5.17.3.min.js"></script>
<script src="vega-lite-4.17.0.min.js"></script>
<script src="vega-embed-6.15.0.min.js"></script>
</head>
<body>
<div id="vis"></div>
<script type="text/javascript">
var spec = { Vega code removed for brevity - please check JSFiddle}
vegaEmbed('#vis', spec).then(function(result) {
}).catch(console.error);
</script>
</body>
</html>

最新更新