AngularJS Live Example

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js?cacheBust=838"></script>
<script src="http://fusioncharts.github.io/angular-fusioncharts/demos/js/angular-fusioncharts.min.js"></script>
<html ng-app="HelloApp">
<body ng-controller="MyController">
<div style="background-color:#00FF00">
 <fusioncharts 
    id="mychartcontainer"
    chartid="mychart"
    width="400" 
height="200"
type="mscolumn2d"
chart="{{chartoptions}}"
categories="{{categories}}"
dataset="{{dataset}}"
   
    ></fusioncharts>
</div>
</body>
</html>

JavaScript

var app = angular.module('HelloApp', ["ng-fusioncharts"]),
    data = [
[
    {
        "category": [
            {
                "label": "7/18/2014 9:30:01 AM"
            },
            {
                "label": "7/18/2014 9:40:00 AM"
            },
            {
                "label": "7/18/2014 9:50:00 AM"
            }
        ]
    },
    null,
    null
],
[
    null,
    {
        "seriesname": "Free_Memory",
        "renderas": "Line",
        "data": [
            {
                "value": "6632"
            },
            {
                "value": "5136"
            },
            {
                "value": "6376"
            }
        ]
    },
    {
        "seriesname": "Page_Life_Exp",
        "renderas": "Line",
        "data": [
            {
                "value": "48859"
            },
            {
                "value": "49458"
            },
            {
                "value": "50057"
            }
        ]
    }
]
];
app.controller('MyController', function ($scope) {
    $scope.chartoptions = {
        "containerBackgroundColor": "#FF0000",
        "containerBackgroundOpacity": "0"
    };
  $scope.categories = [data[0][0]];
    
  $scope.dataset = data[1].slice(1);
console.log($scope.dataset);

});