Question

我在Angular5应用程序中有一个自定义组件，名为data-graph组件。在该自定义组件中，我收到了要使用Angular5Csv角度软件包导出到Csv的数据，该软件包可以在单击按钮时立即正确下载。这是data-graph.component.ts

中单击的功能代码

import { Angular5Csv } from 'angular5-csv/dist/Angular5-csv';

exportToCsv() {
let fileName = this.sensors[0].meter.name + 'Sensors Report';
this.sensorsData.map(item => {
  if (item._id) {
    delete item._id;
  }
  item.Time = new Date(item.date).toLocaleString();
  delete item.date;
})
this.customData = this.sensorsData;
let fields = Object.keys(this.customData[0]);
var options = {
  fieldSeparator: ',',
  decimalseparator: '.',
  title: '',
  showLabels: true,
  showTitle: true,
  noDownload: false,
  headers: fields,
};
  new Angular5Csv(this.customData, fileName, options);
}

此格式非常正确地导出带有数据和标头的csv：

F1      C1      P1        Time
10.0   12.54    9.32   2/26/2019, 2:08:22 PM
08.32  12.54    2.32   2/26/2019, 2:08:24 PM
05.01  12.54    5.32   2/26/2019, 2:08:27 PM
11.0   12.54    6.32   2/26/2019, 2:09:22 PM

但是我想用这样的一行添加另一个标题：

     Min     Max    Average
F1   05.01  11.0     09.32
C1   02.66  15.04    10.65
P1   2.32   6.32     3.44

F1      C1      P1        Time
10.0   12.54    9.32   2/26/2019, 2:08:22 PM
08.32  15.04    2.32   2/26/2019, 2:08:24 PM
05.01  04.33    5.32   2/26/2019, 2:08:27 PM
11.0   02.66    6.32   2/26/2019, 2:09:22 PM

如何使用angular5Csv来获得此结果？

如何在Angular5Csv中添加一行附加的另一个标头，在Angular5中生成Csv？

0 个答案: