將highcharts數據導出為CSV文件

Question

我試圖在他們的網站上使用Highcharts導出功能作為示例： http ： //jsfiddle.net/highcharts/cqjvD/但我希望能夠下載csv文件而不是警告/顯示它。

這是我的圖表： http ： //jsfiddle.net/uF4H7/10/

顯示csv的代碼很簡單，你只需添加：

$('#getcsv').click(function () {
   alert(chart.getCSV());
 });

這可以在html / js / highcharts中完成嗎？

Answer 1

檢查以下http://jsfiddle.net/uF4H7/11/

$('#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 - 下載鏈接：

<a id="getcsvAnchor" href="#">download</a>

javascript獲取CSV內容並將其作為錨點href，然后將download屬性添加到值為filename的錨點。 您可以在這里查看預覽http://jsfiddle.net/uF4H7/12/ （點擊“警報CSV”旁邊的“下載”）

Answer 2

exporting: {
           buttons: {
               contextButton: {
                   menuItems: [{
                       textKey: 'downloadXLS',
                       onclick: function () {
                           this.downloadXLS();
                       }
                   }, {
                       textKey: 'downloadCSV',
                       onclick: function () {
                           this.downloadCSV();
                       }
                   }]
               }
           }
       },

您可以在創建高級圖時直接添加此選項。

Answer 3

一旦我添加了以下Highcharts插件，Asiya Shaikh的建議只適用於我：

<script src="http://highcharts.github.io/export-csv/export-csv.js"></script>

考慮到插件主頁如何提及downloadXLS（），這有點奇怪; 功能。

如果這不起作用，您還應該嘗試使用：

<script src="http://code.highcharts.com/modules/exporting.js"></script>

您可以使用EXPORT-CSV插件主頁作為參考，但正如我所說，它沒有提到downloadXLS（）。