FusionCharts - JSON data

Created using FusionCharts Suite XT - www.fusioncharts.com

by Ashok Kumaresan

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    
    var getTabularData = function () {
        var  i,
            data2011 = [],
            data2012 = [],         
            categories = [];
           

        var jsonData = JSON.parse('[{"Name":"2012","Apple":"7895","linkApple":"newchart-json-q1","orange":"89752"},{"Name":"2013","Apple":"8975","orange":"9875"},{"Name":"2014","Apple":"9285","orange":"9987"}]');
        
        
               for (var i in jsonData) {

            var tmparray = jsonData[i];

            categories.push({
                label: tmparray.Name
            });

            data2011.push({
                value: tmparray.Apple,
                link:tmparray.linkApple
            });

            data2012.push({
                value: tmparray.orange
            });



        }

        return {
            categories: categories,
            dataset: [{
                seriesname: "Apple",
                data: data2011
            }, {
                seriesname: "Orange",
                data: data2012
            }],
                     linkeddata: [
                {
                    "id": "q1",
                    "linkedchart": {
                        "chart": {
                            "caption": "Monthly Revenue",
                            "subcaption": "First Quarter",
                            "xAxisName": "Month",
                            "yAxisName": "Revenue (In USD)",
                            "numberPrefix": "$",
                            "theme": "fint"
                        },
                        "data": [
                            {
                                "label": "Jan",
                                "value": "420000"
                            }, {
                                "label": "Feb",
                                "value": "810000"
                            }, {
                                "label": "Mar",
                                "value": "720000"
    ...