AngularJS Live Example

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.2/angular.min.js"></script>
<script src="https://rawgit.com/fusioncharts/angularjs-fusioncharts/master/dist/angular-fusioncharts.min.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.gammel.js"></script>
<html ng-app="HelloApp">
<body ng-controller="MyController">

 <fusioncharts 
    id="mychartcontainer"
    chartid="mychart"
    width="{{width}}" 
    height="400"
    type="{{type}}"
   dataSource="{{dataSource}}"
  ></fusioncharts>
    

</body>
</html>

JavaScript

var app = angular.module('HelloApp', ["ng-fusioncharts"])
app.controller('MyController', function ($scope) {
    $scope.type = "column2d";
    $scope.width = 600;
  
    $scope.dataSource = {
    "chart": {
        "caption": "Monthly",
        "xaxisname": "Month",
        "yaxisname": "Revenue",
        "numberprefix": "$",
        "showvalues": "1",
        "theme": "gammel"
    },
    "data": [
        {
            "label": "Jan",
            "value": "420000",
            "link": "j-func()"
        },
        {
            "label": "Feb",
            "value": "910000"
        },
        {
            "label": "Mar",
            "value": "720000"
        },
        {
            "label": "Apr",
            "value": "550000"
        },
        {
            "label": "May",
            "value": "810000"
        },
        {
            "label": "Jun",
            "value": "510000"
        },
        {
            "label": "Jul",
            "value": "680000"
        },
        {
            "label": "Aug",
            "value": "620000"
        },
        {
            "label": "Sep",
            "value": "610000"
        },
        {
            "label": "Oct",
            "value": "490000"
        },
        {
            "label": "Nov",
            "value": "530000"
        },
        {
            "label": "Dec",
            "value": "330000"
        }
    ]
    
}
});