【问题标题】:How to export CSV and XLS with external button in Highcharts如何在 Highcharts 中使用外部按钮导出 CSV 和 XLS
【发布时间】:2018-06-07 00:49:53
【问题描述】:

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

我在图表之外有导出按钮,我需要将数据下载到 CSVXLS

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

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

我不知道如何为 CSVXLS 使用 exportChart 功能,它似乎只适用于图像,但不适用于数据/文本格式。

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

【问题讨论】:

    标签: highcharts export-to-csv


    【解决方案1】:

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

    【讨论】:

    • 完美!我什至确实在 highcharts 文档上看到了 downloadCSV()...谢谢 Halvor !!
    • 我们可以用 Angular 做还是不做
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-27
    • 1970-01-01
    • 2013-04-20
    • 2020-10-10
    • 1970-01-01
    • 1970-01-01
    • 2012-12-19
    相关资源
    最近更新 更多