mcombi line chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Moonmi Sonowal

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/themes/fusioncharts.theme.fint.js"></script>
<!-- Configuring background color in Column2D chart using:
 Attribute: 
    # bgColor - Set to #DDDDDD
    # bgAlpha - Set to 50

Deviation from theme:
    # canvasBgAlpha - Set to 0 as the purpose of the chart to show background cosmetics. 
   
 -->
<div id="chart-container">FusionCharts will render here</div>

CSS

body {
    padding: 10px;
}

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'scrollcombidy2d',
        renderAt: 'chart-container',
        width: '500',
        height: '530',
        dataFormat: 'json',
        dataSource: {
    "chart": {
        "palette": "2",
        "caption": "Sales by Product",
        "subcaption": "March 2006",
        "showvalues": "0",
        "divlinedecimalprecision": "1",
        "limitsdecimalprecision": "1",
        "pyaxisname": "Amount",
        "syaxisname": "Quantity",
        "numberprefix": "$",
        "formatnumberscale": "0",
        "numvisibleplot": "5",
        "syaxismaxvalue":"335",
        "showborder": "0",
        
        "theme":"fint",
    },
    "categories": [
        {
            "category": [
                {
                    "label": "A"
                },
                {
                    "label": "B"
                },
                {
                    "label": "C"
                },
                {
                    "label": "D"
                }
            ]
        }
    ],
    "dataset": [
        {
            "seriesname": "Revenue",
            "anchorSides": "4",
            "anchorBgColor":"#6600CC",
            "renderas": "line",
            "data": [
              
                {
                    "value": "1875"
                },
                {
                    "value": "6000"
                },
                {
                    "value": "6000"
                },
                {
                    "value": "6000"
                }            ]
        },
        {
            "seriesname": "Profit",
            "renderas": "line",
            "parentyaxis": "P",
            "data": [
                {
                    "value": "3242"
                },
                {
                    "value": "3171"
                },
                {
                    "value": "700"
                },
                {
                   ...