fiddle导出jmx文件_将highcharts数据导出为CSV文件

user3714582..

6

$('#getcsv').click(function () {

var chart = $('#container').highcharts();

alert(chart.getCSV());

window.open();

//this line was added to your code to download the CSV

window.open("data:text/csv;charset=utf-8," + escape(chart.getCSV()));

});

以下行告诉浏览器在新窗口中打开数据 - 浏览器无法识别text/csv mime,因此他们要求您下载CSV文件

window.open("data:text/csv;charset=utf-8," + escape(chart.getCSV()));

或者您可以使用HTML的新功能 - 强制下载download属性的链接.在您的情况下,将此代码添加到javascript:

$('#getcsvAnchor').click(function() {

var chart = $('#container').highcharts();

$(this).attr('href', 'data:text/csv;charset=utf-8,'+escape(chart.getCSV()));

$(this).attr('download', "data-visualisation.csv");

});

这是你的HTML - 下载链接:

download

javascript获取CSV内容并将其作为锚点href,然后将download属性添加到锚点,其中值为filename.您可以在这里查看预览http://jsfiddle.net/uF4H7/12/(点击"警报CSV"旁边的"下载")