从highcharts导出csv

Question

我使用的是angular-5，angular2-highcharts版本0.5.5和highcharts版本6.0.7。

我想在我的html中添加一个不在图表中的按钮，用于下载png或csv中的图表。

Png一个正常，但我无法用csv：

这是我的代码：

downloadPng(): void {   //this one works
   this.chart.exportChart({
      type: 'image/png',
      filename: this.title
    });
}

downloadCsv(): void {   //this one crashes
   this.chart.exportChart({
      type: 'text/csv',
      filename: this.title
    },{
      itemDelimiter: ';',
      csv: this.chart.getCSV() 
    });
}

崩溃时重定向到

https://export.highcharts.com/

使用此文本

unexpected return from chart generation - please check your input data

我认为我需要为csv导出做些其他事情。有人能帮助我吗？

Answer 1

您需要export-data模块。它使用downloadCSV方法扩展了图表。

function downlaodCsv() {
  chart.downloadCSV()
}

直播示例：http://jsfiddle.net/z1j4enox/