You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Vega中隐藏图表Actions按钮?vega-react设置action全为false仍显示

vega-react隐藏图表Actions按钮的最简方案

你之前的写法仅关闭了Actions按钮下拉菜单内的所有功能选项,不会隐藏按钮本身。要完全移除整个Actions按钮,直接给actions属性传布尔值false即可,是目前最简单的实现方式,代码示例如下:

<Vega 
  spec={spec as VisualizationSpec} 
  data={barData} 
  actions={false}
/>

补充说明

vega-react的actions属性支持两类传值逻辑:

  • 传入布尔值:全局控制整个Actions按钮的显隐,默认值为true展示按钮,传false直接完全隐藏按钮
  • 传入对象:仅控制Actions按钮下拉菜单内各细分功能的显隐,不会影响按钮本身的展示

内容的提问来源于stack exchange,提问作者Greg-A

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 02:18:00