Highcharts：如何在图表上获取默认导出选项？

Question

我在我的项目中使用 Highcharts。我使用以下内容来隐藏图表导出选项的默认下拉菜单：

$('#mycontainer").highcharts({
   ...
   chart: {
      type: 'column'
   },
   exporting: {
     enabled: false
   }
   ..
});

但是，我确实需要这些导出选项，并且我需要将它们与其他东西一起放在我自己的菜单中。如果我是对的，单个图表上的默认导出选项基本上是客户端的 Javascript 驱动的，与服务器无关。

如何重建这些导出选项并将它们放入 javascript？

更新

exporting.js 已经包含在我的页面中，但我想禁用它生成的默认导出下拉菜单，并将默认下拉导出选项移动到我自己的菜单中。我需要知道默认下拉选项链接或 javascript 是什么，以便我可以使我的菜单以与默认导出下拉菜单相同的方式工作。

感谢和问候。

Answer 1

默认导出选项是（直接来自exporting.src.js）：

menuItems: [{
    textKey: 'printChart',
    onclick: function () {
        this.print();
    }
}, {
    separator: true
}, {
    textKey: 'downloadPNG',
    onclick: function () {
        this.exportChart();
    }
}, {
    textKey: 'downloadJPEG',
    onclick: function () {
        this.exportChart({
            type: 'image/jpeg'
        });
    }
}, {
    textKey: 'downloadPDF',
    onclick: function () {
        this.exportChart({
            type: 'application/pdf'
        });
    }
}, {
    textKey: 'downloadSVG',
    onclick: function () {
        this.exportChart({
            type: 'image/svg+xml'
        });
    }
}
// Enable this block to add "View SVG" to the dropdown menu
/*
,{

    text: 'View SVG',
    onclick: function () {
        var svg = this.getSVG()
            .replace(/</g, '\n&lt;')
            .replace(/>/g, '&gt;');

        doc.body.innerHTML = '<pre>' + svg + '</pre>';
    }
} // */
]

这里的this 指的是图表本身，因此您可以将其替换为您的chart 变量。

以 JPEG 导出为例：

var chart = $('#container').highcharts();
chart.exportChart({
    type: 'image/jpeg'
});

或查看this JSFiddle demonstration。