Angular 角度FusionCharts动态图表创建:chartobject-1.render()错误>&燃气轮机;找不到容器DOM元素

Angular 角度FusionCharts动态图表创建:chartobject-1.render()错误>&燃气轮机;找不到容器DOM元素,angular,ionic-framework,ionic2,fusioncharts,Angular,Ionic Framework,Ionic2,Fusioncharts,我正在使用Ionic 2和Angular构建一个应用程序,并希望显示一些图表。因此,我从服务器获取数据并循环遍历结果。但是,第一个图表没有呈现,并显示以下错误: 异常:03091456chartObject-1.render()错误>>无法找到容器DOM元素。但是,当我通过Chrome调试器调试它时,我可以看到容器元素。然而,fusioncharts不知何故无法检测到它。问题是什么?我如何解决 我的模板文件是这个 <ion-card *ngFor="let chart of charts"

我正在使用Ionic 2和Angular构建一个应用程序,并希望显示一些图表。因此,我从服务器获取数据并循环遍历结果。但是,第一个图表没有呈现,并显示以下错误:
异常:03091456chartObject-1.render()错误>>无法找到容器DOM元素。
但是,当我通过Chrome调试器调试它时,我可以看到容器元素。然而,fusioncharts不知何故无法检测到它。问题是什么?我如何解决

我的模板文件是这个

<ion-card *ngFor="let chart of charts">
    <fusioncharts width="100%" height="50%" 
                  type={{chart.type}}
                  dataFormat="JSON" 
                  [dataSource]=chart.dataSource>
    </fusioncharts>
</ion-card>

更新:如果删除
enableProdMode()
,则不会呈现任何图表


更新:Plunker:

由于语法原因可能是?尝试用引号代替角括号<代码>我不这么认为。因为第二张图表正在渲染。如果语法是这样,那么也不应该呈现它。