#10245

by amcharts

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="totalexpensegraph" style="width: 100%; height: 200px;">

JavaScript

var totalexpensedata = {
    '0': [{
        'category': '',
            'expense': 142324,
            'savings': 16533
    }, {
        'category': 'New fixed',
            'expense': 158857,
            'savings': 0
    },

    ],
        '1': [{
        'category': '',
            'expense': 263514,
            'savings': 15270
    }, {
        'category': 'New fixed',
            'expense': 278784,
            'savings': 0
    },

    ]
};

var curtotalexpensedata = totalexpensedata[0];

var totalexpensechart = AmCharts.makeChart("totalexpensegraph", {
    "type": "serial",
    fontSize: 12,
    fontFamily: "Lato, Helvetica Neue, Arial, sans-serif",
        "pathToImages": "/procyon_javascripts/amcharts/amcharts/images/",
        "categoryField": "category",
        "angle": 20,
        "depth3D": 120,
        "startDuration": 1,
        "colors": ["#109ad7", "#e54c3c"],
        "categoryAxis": {
        "gridPosition": "start",
        gridAlpha: 0,
        axisAlpha: 0

    },
        "trendLines": [],
        "graphs": [{
        "balloonText": "[[title]] of [[category]] is $[[value]]",
            "columnWidth": 0.7,
            "cornerRadiusTop": 1,
            "fillAlphas": 1,
            "id": "Total Savings",
            "title": "Total Savings",
            "topRadius": 1,
            "type": "column",
            "valueField": "savings",
            "labelText": "$[[value]]",
            "labelPosition": "top",
            "labelOffset": 20,
            "showAllValueLabels": true
    }, {
        "balloonText": "[[title]] of [[category]] is $[[value]]",
            "columnWidth": 0.7,
            "cornerRadiusTop": 1,
            "fillAlphas": 1,
            "id": "Total Expense",
            "title": "Total Expense",
            "topRadius": 1,
            "type": "column",
            "valueField": "expense",
            "labelText": "$[[value]]",
            "labelPosition": "top",
            "labelOffset": 20,
            "showAllValueLabels":...