экспортировать csv из highcharts

Я использую 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. Кто-нибудь может мне помочь?


highcharts angular2-highcharts
person cucuru    schedule 19.04.2018    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Вам нужен модуль export-data. Он расширяет диаграмму методом downloadCSV.

function downlaodCsv() {
  chart.downloadCSV()
}

живой пример: http://jsfiddle.net/z1j4enox/

person morganfree    schedule 22.04.2018
comment
можно ли изменить имя файла? - person cucuru; 23.04.2018
comment
Я только что понял, что у меня также есть проблемы с png, потому что при экспорте данные диаграммы удаляются (это не удаляется с помощью chart.downloadCSV()), не могли бы вы указать, как загрузить png в свой пример, пожалуйста? - person cucuru; 23.04.2018
comment
Вы можете установить параметр exporting.filename, чтобы изменить имя файла. chart.exportChart() должен экспортировать диаграмму в png — см. пример jsfiddle.net/u32yfm9j. - person morganfree; 25.04.2018
comment
спасибо, но то, что вы публикуете, не работает в angular. Я могу имя файла в png, но я не могу в csv. Также в angular exportChart() удаляет данные диаграммы. - person cucuru; 25.04.2018
comment
Я полагаю, что это может быть проблема с оберткой, если вы ее используете. Если вы опубликуете живой пример с минимальным и полным кодом, например. на plunkr, я постараюсь найти решение. - person morganfree; 25.04.2018
comment
изменение имени в csv теперь работает, единственная оставшаяся проблема заключается в том, что exportChart удаляет данные, вы можете проверить это, дважды щелкнув кнопку загрузкиpng - person cucuru; 27.04.2018