Side-by-side bars chart - Side by side bar chart

Side by side bar chart

keyboard_arrow_leftGo back
Open in JSFiddle
JavaScript
chart= new FacetChart({
    "series": [
        {
            "name": "2006",
            "data": {
                "field": "2006",
                "aggregation": "avg"
            },
            "style": {
                "fillColor": "#2fc32f"
            },
            "type": "columns"
        },
        {
            "name": "2007",
            "data": {
                "field": "2007",
                "aggregation": "avg"
            },
            "style": {
                "fillColor": "#b0dc0b"
            },
            "type": "columns"
        },
        {
            "name": "2008",
            "data": {
                "field": "2008",
                "aggregation": "avg"
            },
            "style": {
                "lineColor": "#eab404"
            },
            "type": "columns"
        },
        {
            "name": "2009",
            "data": {
                "field": "2009",
                "aggregation": "avg"
            },
            "style": {
                "lineColor": "#56b9f7"
            },
            "type": "columns"
        }
    ],
    "container": "demo",
    "data": [
        {
            "url": "\/dvsl\/data\/extra\/us-economy.json"
        }
    ],
    "toolbar": {
        "fullscreen": true,
        "enabled": true
    },
    "interaction": {
        "resizing": {
            "enabled": false
        }
    }
})
HTML
      <script src="https://cdn.zoomcharts-cloud.com/1/latest/zoomcharts.js"></script>
      <div id="demo"></div>
Data

              

          

    



    



    














































































    

        

            
                
            
        

    





























//