如何隐藏 Vega 图表上的三点下拉菜单?

btk*_*btk 3 javascript vega vega-lite

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

带有 vega 菜单的图表

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

如何禁用菜单?

jak*_*vdp 5

这称为“操作”菜单,可以通过用于显示图表actionsvegaEmbed调用中的选项进行控制。

您可以通过设置隐藏菜单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>
Run Code Online (Sandbox Code Playgroud)

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