从 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/