JSFiddle - React, Tailwind, and code Playground

by Ashok Mandal

HTML

<script src="https://unpkg.com/[email protected]/fusioncharts.js"></script>
<script src="https://unpkg.com/[email protected]/fusioncharts.charts.js"></script>
<script src="https://rawgit.com/fusioncharts/angularjs-fusioncharts/develop/src/angular-fusioncharts.js"></script>
<div ng-app='MyApp'>
  <my-directive></my-directive>
</div>

JavaScript

var app = angular.module('MyApp', ['ng-fusioncharts']);
app.directive('myDirective', function(){
	return {
  	restrict: 'AE',
    scope:{},
    template:'<fusioncharts type="column2d" dataSource={{dataSource}}></fusioncharts>',
    link: function(scope, iElement, iAttrs){
    },
    controller: ['$scope', function($scope){
          $scope.dataSource = {
            chart:{},
        data : [
          {value :10}
        ]
      }
    }] 
  }
});