FusionCharts - Combination chart with annotation

Created using FusionCharts Suite XT - www.fusioncharts.com

by Ashok Kumaresan

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/fusioncharts.maps.js"></script>
<script src="http://static.fusioncharts.com/code/latest/maps/fusioncharts.usa.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- Building US Map with states. A simple US map with legend showing statewise annual sales (Last year). -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
     
    var vl=[];
    var BarChart = new FusionCharts({
        type: 'mscolumn2d',
        renderAt: 'chart-container',
        width: '600',
        height: '400',
        dataFormat: 'json',
        dataSource: {
   "chart": {
      "caption": "Harry's SuperMart",
      "subCaption": "Sales analysis of last year",
       "xAxisname": "Month","showvalues":"0",
      "yAxisName": "Amount (In USD)","areaOverColumns":"0"
     
   },
             "annotations": {
      "groups": [
         {
             "id": "infobar","showBelow":"0",
            "items": [
               {
                  "id": "label0",
                  "type": "text",
                  "x": "$dataset.0.set.0.startx +10",
                  "y": "$dataset.0.set.0.starty-10"
                 
                 
                
               },
               {
                  "id": "label1",
                  "type": "text",
                   "x": "$dataset.1.set.0.startx +10",
                   "y": "$dataset.1.set.0.starty-10"
                 
               } ,
                  {
                  "id": "label2",
                  "type": "text",
                  "x": "$dataset.0.set.1.startx +10",
                  "y": "$dataset.0.set.1.starty-10"
                 
                 
                
               },
               {
                  "id": "label3",
                  "type": "text",
                   "x": "$dataset.1.set.1.startx +10",
                   "y": "$dataset.1.set.1.starty-10"
                 
               }   
            ]}]},
   "categories": [
      {
         "category": [
            {
               "label": "Jan"
            },
            {
               "label": "Feb"
            },
            {
               "label": "Mar"
            },
            {
               "label": "Apr"
            },
            {
               "label": "May"
            }
         ]
      }
   ],
   "dataset": [
    
  ...