FusionCharts - Gallery Example - Multi-series Area 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Vishalika

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- Multi Series Area 2D chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var salesChart = new FusionCharts({
        type: 'msarea',
        renderAt: 'chart-container',
        width: '450',
        height: '300',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "New Graph",
                "exportEnabled": "1",
                "exportAtClient": "1",
              // "exportHandler": "https://cluster.apri...tfilename" "NewGraph",
                "exportparameters": "exportTargetWindow=_self",
                "theme": "standard",
                "canvasPadding": "30",
                "legendAllowDrag": "1",
                "captionFont": "Arial",
                "captionFontSize": "14",
                "captionFontColor": "#000000",
                "outCnvBaseFont": "Arial",
                "outCnvBaseFontSize": "12",
                "outCnvBaseFontColor": "#333333",
                "labelFont": "Arial",
                "labelFontSize": "12",
                "labelFontColor": "#333333",
                "valueFont": "Helvetica",
                "valueFontSize": "12",
                "valueFontColor": "#333333",
                "toolbarX": 588

            },
                "categories": [{
                "category": [{
                    "label": "1.50"
                }, {
                    "label": "2.00"
                }, {
                    "label": "2.50"
                }, {
                    "label": "3.50"
                }]
            }],
                "dataset": [{
                "seriesName": "Administration",
                    "data": [{
                    "showValue": 0,
                        "value": "0"
                }, {
                    "value": "14"
                }, {
                    "showValue": 0,
                        "value": "0"
                }, {
                    "showValue": 0,
                        "value": "0"
                }]
            }, {
                "seriesName": "Instruct...