FusionCharts - Gallery Example - Scroll Line 2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Vladimir Goncharenko

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<!-- A simple Scroll Line 2D chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function(){
    var salesChart = new FusionCharts({
        type: 'scrollcombidy2d',
        dataFormat: 'json',
        renderAt: 'chart-container',
        width: '550',
        height: '350',
        dataSource: {
            "chart": {
                animation: '0',
                slantLabels: '1',
                lineThickness: '3',
                showValues: '0',
                formatNumberScale: '0',
                anchorRadius: '1.2',
                divLineAlpha: '100',
                divlineThickness: '1',
                divLineIsDashed: '0',
                divLineColor: 'd7dde3',
                labelDisplay: 'none',
                showAlternateHGridColor: '0',
                alternateHGridAlpha: '8',
                alternateHGridColor: 'BBBBBB',
                canvasBorderThickness: '1',
                canvasBorderColor: '#d7dde3',
                seriesNameInToolTip: '0',
                legendShadow: '0',
                legendItemFontSize:'11',
                legendBorderThickness:'0',
                xAxisNameFontBold:"0",
                pYAxisNameFontSize:'11',
                pYAxisNameFontBold:'0',
                sYAxisNameFontSize:'11',
                sYAxisNameFontBold:'0',
       					bgColor:'FFFFFF',
                showBorder:'0',
                chartLeftMargin:"24",
                chartRightMargin:"24",
                chartTopMargin:'20',
       					numberSuffix:'%',
                sNumberSuffix:'x',
                numVisiblePlot:'8',
                BaseFont:'Open Sans',
                baseFontSize:'12',
                scrollShowButtons:'0',
                scrollHeight:'10',
                flatScrollBars:'1',
                scrollColor:'E9EFF5',
                drawCustomLegendIcon:'1'
                
            },
            "categories": [
                {
                    "category": [
                        { "label": "Jan 2012" },
                        { "label": "Feb 2012"...