如何移除Highcharts导出菜单中的"Open in Highcharts Cloud"选项
嘿,这个问题很好解决!Highcharts 给我们提供了灵活的导出菜单配置方式,要移除「Open in Highcharts Cloud」选项,有两种简单的方法:
- 方法一:自定义导出菜单列表
直接重新定义导出按钮的menuItems数组,只保留你需要的选项,把对应的'openInCloud'项删掉就行。默认的菜单里这个选项是最后一个,参考代码如下:
Highcharts.chart('container', { exporting: { buttons: { contextButton: { // 只保留需要的导出选项,移除openInCloud menuItems: [ 'downloadPNG', 'downloadJPEG', 'downloadPDF', 'downloadSVG', 'separator', 'downloadCSV', 'downloadXLS' ] } } }, // 你的图表其他配置 xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May'] }, series: [{ name: '数据', data: [10, 20, 15, 25, 30] }] });
- 方法二:直接禁用特定菜单项
如果你不想手动列出所有菜单选项,更简洁的方式是通过menuItemDefinitions把openInCloud设置为null,这样这个选项就会被直接移除:
Highcharts.chart('container', { exporting: { menuItemDefinitions: { openInCloud: null // 禁用「Open in Highcharts Cloud」选项 } }, // 你的图表其他配置 xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May'] }, series: [{ name: '数据', data: [10, 20, 15, 25, 30] }] });
第二种方法更推荐,尤其是当你只需要移除个别选项、不想改动其他默认菜单结构的时候,用起来更省心。
内容的提问来源于stack exchange,提问作者sha35868
相关产品推荐
相关产品推荐

