如何从HighCharts中删除按钮

Question

我正在使用HighCharts库创建图表,我想知道如何删除右上角的2个小按钮,您可以打印并下载图形,我想添加一个新按钮.

也许有人可以帮助我？

Answer 1

尝试添加exporting: { enabled: false }到您的图表生成.

Answer 2

选中此项以创建新按钮:

示例:http://jsfiddle.net/fXHB5/3496/

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

Answer 3

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

您必须仅禁用 contextButton。

Answer 4

更换汉堡包图标的最佳方法是禁用导航buttonOptions,然后创建自己的菜单并按文档中的说明逐个自定义上下文 .从这里,您可以使用自己的下拉菜单使用任何图标.

这会禁用汉堡包图标.

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