FusionCharts in ExtJS grid

Created using FusionCharts Suite XT - www.fusioncharts.com

by Ritesh Pandey

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.widgets.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<link rel="stylesheet" href="http://cdn.sencha.io/ext-4.2.0-gpl/resources/css/ext-all.css">

JavaScript

Ext.application({
    name: 'Fiddle',
    launch: function () {
        Ext.create('Ext.data.Store', {
            storeId: 'employeeStore',
            fields: ['column2d', 'line', 'area2d', 'seniority', 'dep', 'hired'],
            data: [{
                column2d: {
                    "chart": {
                        "showLabels": 0,
                            "showValues": 0,
                            "showYAxisValues": 0,
                            "bgAlpha": 0,
                            "divLineAlpha": 0,
                            "canvasBgAlpha": 0,
                            "theme": "fint"
                    },
                        "data": [{
                        "label": "Jan",
                            "value": "420000"
                    }, {
                        "label": "Feb",
                            "value": "810000"
                    }, {
                        "label": "Mar",
                            "value": "720000"
                    }, {
                        "label": "Apr",
                            "value": "550000"
                    }, {
                        "label": "May",
                            "value": "910000"
                    }, {
                        "label": "Jun",
                            "value": "510000"
                    }, {
                        "label": "Jul",
                            "value": "680000"
                    }, {
                        "label": "Aug",
                            "value": "620000"
                    }, {
                        "label": "Sep",
                            "value": "610000"
                    }, {
                        "label": "Oct",
                            "value": "490000"
                    }, {
                        "label": "Nov",
                            "value": "900000"
                    }, {
                        "label": "Dec",
                            "value": "730000"
             ...