FusionCharts - Gallery Example - Area 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<!-- A simple implementation of Area 2D chart showing daily trend of liquor sales for the last week -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
        new FusionCharts({
    "dataFormat": "json",
    "dataSource": {
        "chart": {
            //"labelDisplay": "rotate",
            "labelFontSize": 14,
            //"slantLabels": "1"
        },
        "data": [
            {
                "label": "30/06/2015",
                "value": 1
            },
            {
                "label": "31/07/2015",
                "value": -1
            },
            {
                "label": "31/08/2015",
                "value": 2
            },
            {
                "label": "30/09/2015",
                "value": -2
            },
            {
                "label": "31/10/2015",
                "value": 3
            },
            {
                "label": "30/11/2015",
                "value": -3
            },
            {
                "label": "31/12/2015",
                "value": 4
            },
            {
                "label": "31/01/2016",
                "value": -4
            },
            {
                "label": "29/02/2016",
                "value": 5
            },
            {
                "label": "31/03/2016",
                "value": -5
            },
            {
                "label": "30/04/2016",
                "value": 6
            },
            {
                "label": "31/05/2016",
                "value": -6
            }
        ],
    },
    "height": 400,
    "renderAt": "chart-container",
    "type": "line",
    "width": "100%"
}).render();
});