var arrcolor = ["00ff00", "800080", "ffa500", "ff0000"]; var count = data.length; for(var i=0;i<count;i++) { var obj = { label : data.Description, value : data.Value, link : "JavaScript: AnalysisByDrillDownLaceScoreGraph(" + data.Description + ")", color : arrcolor } data_array.push(obj); } var objJSON = { chart : { "bgcolor": "ffffff", "xAxisName": "Range", "yAxisName": "Count", "formatnumber": "1", "formatnumberscale": "6", "sformatnumber": "1", "showplotborder": "0", "canvasborderalpha": "0", "theme": "zune" }, data : (data_array) }; var newdata = JSON.stringify(objJSON); var AnalysisChart = new FusionCharts({ type: 'mscolumn2d', renderAt: 'divChartAnalysis', width: '110%', height: '250', dataFormat: 'json', dataSource: newdata }); AnalysisChart.render(); This is how i prepared the chart . the newdata is as follows newdata = {"chart":{"bgcolor":"ffffff","xAxisName":"Range","yAxisName":"count","formatnumber":"1","formatnumberscale":"6", sformatnumber":"1", "showplotborder":"0","canvasborderalpha":"0","theme":"zune"},"data":[{"label":"0-4","value":426,"color":"00ff00"},{"label":"5-9","value":2655,"color":"800080"},{"label":"10-14","value":1808,"color":"ffa500"},{"label":"15-19","value":45,"color":"ff0000"}]} Yet the fusionChart is displaying no data to display.. Pls someone help me with this. the state of dataready is shown as false.