如何在 Highcharts 中使用外部按钮导出 CSV 和 XLS

Question

如您所见http://jsfiddle.net/9pxurfga/

我在图表外有 导出按钮，我需要将数据下载到 CSV 和 XLS.

使用 highcharts 导出默认按钮一切正常：PNG、JPEG、CSV、XLS。

使用我的自定义按钮 PNG 可以导出，但不能导出其他按钮。

我不知道如何将 exportChart 函数用于 CSV 和 XLS，看来仅处理图像，而不处理 data/text 格式。

$('#button1').click(function () {
    var chart = $('#container').highcharts();
    chart.exportChartLocal({
        type: 'text/csv'
    });
});

Answer 1

您可以调用名为 downloadCSV 和 downloadXLS 的 export-data 模块中指定的不同函数。

例如 (JSFiddle):

// Export TO CSV
$('#button2').click(function () {
    var chart = $('#container').highcharts();
    chart.downloadCSV();
});

 // Export TO XLS
$('#button3').click(function () {
    var chart = $('#container').highcharts();
    chart.downloadXLS();
});

这些函数不使用导出服务器。

请注意，要为所有按钮获得相同的文件名输出，我必须添加：

exporting: {
    filename: 'chart'
}