我正在使用Highcharts库创建图表,我想知道如何删除右上角的2个小按钮,您可以打印和下载图形,而我想添加一个新按钮。
也许有人可以帮助我?
Answers:
尝试添加exporting: { enabled: false }
到图表生成中。
onClick
。
exporting: false
够了
选中此按钮以创建新按钮:
示例:http://jsfiddle.net/fXHB5/3496/
exporting: {
buttons: [
{
symbol: 'diamond',
x: -62,
symbolFill: '#B5C9DF',
hoverSymbolFill: '#779ABF',
_titleKey: 'printButtonTitle',
onclick: function() {
alert('click!')
}
}
]
}
替换汉堡包图标的最佳方法是禁用导航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'
});
});
exporting: {
buttons: {
contextButton: {
enabled: false
}
}
}
您只需要禁用contextButton。
最好的方法是将exporting.buttons.contextButton.menuItems
阵列更新为仅包含所需的菜单项。下面是一个示例,其中不包括“打印图表”和“查看全屏”选项。
exporting: {
buttons: {
contextButton: {
menuItems: ["downloadPNG", "downloadJPEG", "downloadPDF", "downloadSVG"]
}
}
}