如何从HighCharts中删除button

我正在用HighCharts库创build图表，我想知道如何去除右边angular落中的2个小button，您可以打印和下载图表，我想添加一个新的图表。

也许有人可以帮助我？

Answer 1

尝试向图表生成添加exporting: { enabled: false } 。

Answer 2

选中此项创build新的button：

例如： http : //jsfiddle.net/fXHB5/3496/

 exporting: { buttons: [ { symbol: 'diamond', x: -62, symbolFill: '#B5C9DF', hoverSymbolFill: '#779ABF', _titleKey: 'printButtonTitle', onclick: function() { alert('click!') } } ] } 

Answer 3

取代汉堡包图标的最好方法是禁用导航button选项，然后创build自己的菜单并按照文档中的说明一个接一个地自定义上下文。 从这里你可以使用任何你想要的图标和你自己的下拉菜单。

这将禁用汉堡包图标。

 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' }); }); 

的jsfiddle

Answer 4

 exporting:false, 

添加上面的代码来禁用导出选项。

Answer 5

 exporting: { contextButton: { enabled: false, } } 

你必须只禁用contextButton。

Answer 6

@dgw有正确的想法来删除导出button，但我并不满意“我想添加一个新的”的build议，直到我意识到我应该只是在图表之外的button。 除非你的数据是静态的，否则你不知道是否有空间显示你的控件。

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