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

从 highcharts 导出 csv

export csv from highcharts

highcharts

angular2-highcharts