jquery - 如何在 AngularJS 中使用 jQuery

Question

我尝试在 angularjs Web 应用程序上使用 raphael 库和 jquery 实现饼图。有没有什么捷径可以做到这一点？

在评论中，您可以使用工作代码。

感谢您的回答。

Answer 1

您可以使用指令 awesomechart，

 <awesomechart type="pie" id='chart2' width="400" height="400" data="data">
    </awesomechart>

• 看小提琴
• 官方网站

Answer 2

这是一条导线：

myapp.directive('rafaelPie',
'$q',
function ($compile, $q) {
  'use strict';
  return {
    restrict: 'A',
    scope: {
      values:"=values",
      width:"@width",
      height:"@height",
      labels:"=labels"
    },

    link: function postLink(scope, element, attr, ctrl) {
    /*Create first pie raphael*/        
    var pie = Raphael(element[0], scope.width, scope.height).pieChart(350, 350, 200, values, labels, "#fff");  
    /*Wath value */
    scope.$watch(scope.values, function (newValue, oldValue) {
            pie.updateyourvalue();
          });
    scope.$watch(scope.label, function (newValue, oldValue) {
            pie.updateyourvalue();
          });
    }
  };
}

在你的角度视图中

<div id="holder" rafael-pie width="700" height="700" ></div>