如何自定义highcharts图表的导出菜单exporting

Question

如何自定义highcharts图表的导出菜单exporting

Answer 1

示例1：只需要导出png选项view sourceprint?01.$(function () {02.$('#container').highcharts({03.04.chart: {05.},06.07.credits: {08.enabled: false09.},10.11.xAxis: {12.categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']13.},14.15.series: [{16.data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]17.}],18.19.exporting: {20.type:'image/png',21.buttons: {22.contextButton: {23.menuItems: [, {24.text: '导出PNG图片文件',25.onclick: function() {26.this.exportChart();27.},28.separator: false29.}]30.}31.}32.}33.34.});35.});

Answer 2

$(function () {02.$('#container').highcharts({03.04.chart: {05.},06.07.credits: {08.enabled: false09.},10.11.xAxis: {12.categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']13.},14.15.series: [{16.data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]17.}],18.19.exporting: {20.type:'image/png',21.buttons: {22.contextButton: {23.menuItems: [, {24.text: '导出PNG图片文件',25.onclick: function() {26.this.exportChart();27.},28.separator: false29.}]30.}31.}32.}33.34.});35.});