D3js with Angular

D3 Template

by Rishabh Sharma

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<div ng-controller="MyCtrl as vm">

</div>

CSS

body {
  font-family: Calibri;
}

JavaScript

angular.module('myApp', [])
  .controller('MyCtrl', function($scope) {

  })

.directive('donutChart', function($window, $filter) {
  return {
    restrict: 'E',
    replace: true,
    scope: {
      donutData: '=',
      colors: '=',
      valueType: '=',
      dimensions: '='
    },
    template: '<div id="chart"></div>',
    link: function(scope, element, attrs, fn) {



    }
  }
});