Question

我正在尝试通过饼图可视化Ionic / Angular中的某些数据。这是一个大学项目。在我的app.module.ts中导入 import { Ng2GoogleChartsModule } from 'ng2-google-charts'; 在我的statistics.page.ts中，我有这种方法：

createChart() {
if (this.stats.length > 0) { this.hasStats = true; }
this.pieChartData = {
  chartType: 'PieChart',
  dataTable: this.stats,
  options: {
    title: 'Ausgaben',
    width: 400,
    height: 300
  }
};

}

统计信息定义为：

stats: [string, number] [] = [];

，并填入我要显示的数据。编译应用程序时，出现此错误：

ERROR Error: Uncaught (in promise): Error: Unknown header type: 102

我对Angular / Ionic并不陌生，我发现的所有解决方案都是针对HTML代码中嵌入的Javascript。但是我必须使用Angular模块。我就是无法正常工作。

Answer 1

您需要为stats

的列标题添加一个数组

ng2-google-charts 使用以下方法创建数据表。

arrayToDataTable()

此方法期望数据数组中的第一个数组元素为列标题。
[string, string]

例如，有效的数据数组可能包含...

[
  ['Column 1', 'Column 2'],
  ['First Row', 15000000],
  ['Second Row', 20000000]
]

arrayToDataTable方法确实具有-> firstRowIsData
的参数将其设置为true也可以解决此问题。

但是，要这样做，需要修改 ng2-google-charts 代码

使用Ionic / Angular中的Google Charts为PieChart动态创建dataTable

1 个答案: