javascript - 如何隐藏 Vega 图表上的三点下拉菜单？

Question

我的网站中嵌入了一个简单的图表。使用 vega-lite 规范 v5。这是一个例子:

带有三个点的圆圈会触发带有一些操作的下拉菜单，包括在在线 vega 编辑器中打开图表。我不想将这些操作暴露给最终用户。
如何禁用菜单？

Answer 1

这称为“操作”菜单，可以通过actions 进行控制。 vegaEmbed 中的选项用于显示图表的调用。
您可以通过设置 actions: false 隐藏菜单;它看起来像这样:

<div id="vis"></div>
<script type="text/javascript">
  var spec = "https://raw.githubusercontent.com/vega/vega-lite/master/examples/specs/bar.vl.json";
  vegaEmbed('#vis', spec, {"actions": false});
</script>

有关可用选项的更多信息，请访问 https://github.com/vega/vega-embed#options