如何在AngularJS中使用jQuery

Question

我嘗試在angularjs web應用程序上使用raphael庫和jQuery實現餅圖。有沒有簡短的方法來做到這一點？

在評論你必須撥弄工作代碼。

感謝您的回答。

Answer 1

這是一個傳導線路：

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(); 
      }); 
    } 
    }; 
} 

在您的angularview

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

Answer 2

您可以使用指令awesomechart，

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

• 看到fiddle
• official site