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

Question

正如您在http://jsfiddle.net/9pxurfga/中看到的

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

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

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

我不知道如何使用CSV和XLS的exportChart函数，它似乎仅适用于图像，但不适用于数据/文本格式。

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

Answer 1

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

例如（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'
}