简单的饼图指令angularjs

Question

我正在尝试“整合”一个名为“easy pie chart”的jQuery插件，但是我遇到了一些问题，你有没有做过这样的事情：

基本上，我正在尝试从这个插件中制作一个指令。我做了几个测试，但还没有工作。

在这里，我列出了我尝试的变体：

• 在jquery ready事件等效项上创建图表，在ng-repeat之外。 这有效
• 在ng-repeat内创建等效的jquery ready事件的图表。 这有效
• 将插件翻译为指令，在ng-repeat 无效
内
• 将插件翻译为指令，在ng-repeat 无效
之外

Plunkr with the mentioned variations

Answer 1

2.0.0版包含一个angular指令。对于每个简单的饼图实例，您需要一个带有百分比对象的ng控制器。通过CSS内联样式表示法中的easypiechart-attribute配置选项。存储库中包含的demo / angular.html显示了如何将范围滑块和饼图实例粘合在一起。

希望这有帮助。

修改 在2013年10月10日发布的2.0.4版中，您可以在一个控制器上实例化多个图表。回购中的angluar演示展示了它是如何完成的。