angularjs - How to properly pass Json data to fusioncharts? -Multisiries- -

first time poster, attention.
using web api generate object consumed fusioncharts (multiseries). object produced array of 2 classes (chartcategories , chartseries) output seems fine , retrieved in angular controller data. yet after building $scope.categories , $scope.dataset using data, unable generate chart error 'no data display'.

partial html template chart:

<div id = "div1"> <fusioncharts  width="400"  height="200" type="mscolumn2d" chart="{{attrs}}" categories="{{categories}}" dataset="{{dataset}}" ></fusioncharts> </div> 

data retrieved web api: (copied + pasted)

[ [     {         "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"             }         ]     } ] ] 

and in angular, set $scope.categories , $scope.dataset so: $scope.attr hard coded time being.

$scope.categories = data[0][0]; $scope.dataset = data[1][1]; 

what needed in order generate graph?

refer http://jsfiddle.net/ayanonly1/yh1cvjqw/

i think following changes make chart live.

$scope.categories = [data[0][0]]; $scope.dataset = data[1].slice(1);