Javascript 如何从Highcharts中删除按钮

我正在用Highcharts库创建图表，我想知道如何删除右角的两个小按钮，哪一个可以打印和下载图表，我想添加一个新按钮

---

也许有人可以帮助我？

尝试将

导出：{enabled:false}

添加到图表生成中。

选中此项以创建新按钮：

例如：

---

添加上述代码以禁用导出选项。

@dgw删除导出按钮的想法是正确的，但我不喜欢“我想添加一个新的”建议，直到我意识到我应该只制作按钮。除非您的数据是静态的，否则您不知道是否有显示控件的空间

<div id="container" style="height: 400px; min-width: 600px"></div>
<button id="button" class="autocompare">new button</button>

新按钮

您只需禁用contextButton

---

替换汉堡包图标的最佳方法是禁用导航按钮选项，然后创建自己的菜单，并按照中的说明逐个自定义上下文。从这里你可以使用任何图标，你想与自己的下拉菜单

这将禁用汉堡图标

navigation: {
buttonOptions: {
  enabled: false
  }
 }

这是您为自己的列表自定义导出选项的方式

$('#print').click(function() {
chart.print();
});
$('#pdf').click(function() {
chart.exportChart({
  type: 'application/pdf',
  filename: 'my-pdf'
 });
});
$('#png').click(function() {
chart.exportChart({
  type: 'image/png',
  filename: 'my-png'
 });
});
$('#jpeg').click(function() {
chart.exportChart({
  type: 'image/jpeg',
  filename: 'my-jpeg'
 });
});
$('#svg').click(function() {
chart.exportChart({
  type: 'image/svg+xml',
  filename: 'my-svg'
 });
});

其他选项是： 如果您根本不需要“node_modules/highcharts/modules/exporting.js”，只需从整个项目中删除导入即可

---

这对我来说是个解决办法

最好的方法是更新导出.buttons.contextButton.menuItems数组，使其仅包含所需的菜单项。下面是一个排除“打印图表”和“查看全屏”选项的示例

---

如果他们有身份或其他信息，请通过firebug检查他们。使用css选择器并对其调用.remove（）方法。使用firebug并查找那些特定的按钮id，在css中，您可以说：对于特定的id或类显示：无。非常感谢，它可以工作：D。也许您知道如何添加一个新按钮吗？不，不是真正创建一个新按钮。但也许您可以修改其中一个打印/导出按钮。文档提示了这个方向。。。玩

onClick

exporting:false

就足以让这个JSFIDLE不再工作。“NetworkError:404找不到”-感谢老兄，这有助于在6年后隐藏汉堡包图标而不禁用导出功能；）注意：此修复程序还删除了对x轴标签（如果有）的更改选择。这是一个典型的折叠式“完整视图”的例子，它是一个完美的例子！

exporting: {
    buttons: {
        contextButton: {
            enabled: false
        }
    }
}

navigation: {
buttonOptions: {
  enabled: false
  }
 }

$('#print').click(function() {
chart.print();
});
$('#pdf').click(function() {
chart.exportChart({
  type: 'application/pdf',
  filename: 'my-pdf'
 });
});
$('#png').click(function() {
chart.exportChart({
  type: 'image/png',
  filename: 'my-png'
 });
});
$('#jpeg').click(function() {
chart.exportChart({
  type: 'image/jpeg',
  filename: 'my-jpeg'
 });
});
$('#svg').click(function() {
chart.exportChart({
  type: 'image/svg+xml',
  filename: 'my-svg'
 });
});

exporting: {
    buttons: {
        contextButton: {
            menuItems: ["downloadPNG", "downloadJPEG", "downloadPDF", "downloadSVG"]
        }
    }
}