title: jquery plugin easyPieChart directive for angularJS
body: <p>i am trying to write a directive for <a href="http://rendro.github.io/easy-pie-chart/" rel="nofollow">jquery easy pie charts</a>.</p>
  
  <p>Following the tutorials, this is my code so far ..</p>
  
  <pre><code>angular.module('ysf.easyPieChart', []).directive('easyPieChart', function() {
      return {
          restrict: 'C',
          scope: {
              percent: '='
          },
          link: function(scope, elem, attrs) {
              support._debug(elem.easyPieChart, 'element value');
              support._debug(scope.percent, 'scope value');
              //support._debug(this, 'this');
              $(elem.easyPieChart).easyPieChart();
          }
      }
  
  });
  </code></pre>
  
  <p>and this is how i am calling it from my template</p>
  
  <pre><code>&lt;div class='easyPieChart' percent='73'&gt;73&lt;/div&gt;
  </code></pre>
  
  <p>1.it does draw a circle, but it is not where it should be.
  2. it doesn't fill me right amount of percentage.</p>
  
  <p>the chrome console gives me this error.</p>
  
  <pre><code>TypeError: Cannot call method 'createDocumentFragment' of null
  </code></pre>
  
  <p>thnakyou.</p>