Angular2 + Chart.js和ng2-charts。数据绑定无法正常工作

拉多斯拉夫·斯托亚诺夫(Radoslav Stoyanov)

我正在尝试将其实施Chart.js到我的Angular2应用程序中。我也使用ng2-charts指令。我按照示例中所示设置了所有内容,当我使用示例数据运行应用程序时,一切正常。当我尝试使用自己的数据时,问题就来了。实际的问题是,我正在使用服务来加载ngOnInit()方法中的数据,这样,在我拥有数据之前(或我猜是这样),就初始化了图表指令。我收到这个不是很描述性的错误:

“例外:TypeError:t未在[trafficComponent @ 6:16中的barChartOptions中定义]

它并没有说太多:)问题不在于中,barChartOptions因为我仅替换了barChartLabelsandbarChartData参数,其余参数如示例中所示。我的参数也是正确和有效的,它们也不是问题。
我想知道是否有一种方法可以通过类似的解决方案重新加载(重新初始化)指令Promise或利用生命周期挂钩。如果有人遇到相同的问题并准备分享他的解决方案,
我将感到非常高兴:)

更新

我登录了控制台,将data对象传递给了Chart构造函数,new Chart(ctx).Bar(data, options);并且labelsdatasets.data属性未定义,尽管我从服务获得数据后又再次记录了它们,并且那里是正确的。我认为某种数据绑定应该可以解决问题,但在这种情况下我不知道如何实现。实际上有一个数据绑定(如ng2-charts中的示例所示),但是它没有按我期望的那样工作。更改组件中的属性不会影响Charts指令的属性,并且它们仍然是未定义的

更新2(2016-02-19)

更新到新发布的Angular版本后,2.0.0-beta.7一切正常。

拉多斯拉夫·斯托亚诺夫(Radoslav Stoyanov)

更新到Angular 2.0.0-beta.7解决了该问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章