Angularjs - Charts.js:相同的图表元素不会在其他视图

时间:2015-11-14 14:07:13

标签: angularjs angularjs-directive charts angularjs-ng-include chart.js

我是angularjs的新手,试图创建我的第一个指令。我正在创建一个指令,将Charts.js2.0(beta)加载到我的应用程序中。

我有angular-route管理的2个视图,两个html视图都包含了一个仅包含charts-element的html页面。

问题是第一页正确绘制图表,当我转到其他视图时,图表div已加载但图表未重新绘制。现在,如果我回到第一眼看它的空白。

链接到Plunker

我做错了什么?我的指令有问题吗?

提前致谢。

1 个答案:

答案 0 :(得分:2)

我认为它与您正在绘制的画布的id有关。我有这个问题,因为我在不同的视图中使用相同的id为两个图形的画布。确保这些ID不同,并且每个图的javasrcipt都在每个视图的控制器中或每个视图中。

看一下你的插件,我发现你正在使用相同的html图表,我想当角度从你的一个视图移动到另一个时认为图形已经被绘制。区分两个图将解决问题。我不知道有任何其他方法允许使用相同的html作为图形的画布。

希望它可以帮助你解决它