highcharts - 如何在 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

您可以调用名为 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'
}