Image in place of bars XML

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>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'column2d',
        renderAt: 'chart-container',
        width: '500',
        height: '500',
        dataFormat: 'json',
        dataSource: {
   "chart": {
      "caption": "Top 4 Chocolate Brands Sold",
      "subCaption": "Last Year",
      "xAxisName": "Brand",
      "yAxisName": "Amount (In USD)",
      "yAxisMaxValue": "120000",
      "numberPrefix": "$",
      "theme": "fint",
      "PlotfillAlpha": "0",
      "placeValuesInside": "0",
      "rotateValues": "0","origW": "500","origH": "500",
      "valueFontColor": "#333333"
   },
   "annotations": {
      "width": "500",
      "height": "300","origW": "500","origH": "500",
      "autoScale": "1",
      "groups": [
         {
            "id": "user-images",
             "xScale_": "20","scaleImages":"1",
            "yScale_": "20",
            "items": [
               {
                  "id": "butterFinger-icon",
                  "type": "image",
                  "url": "http://static.fusioncharts.com/sampledata/images/butterFinger.png",
                  "x": "$xaxis.label.0.x - 30",
                  "y": "$canvasEndY - 150",
                  "xScale": "50",
                  "yScale": "40"
               },
               {
                  "id": "tom-user-icon",
                  "type": "image",
                  "url": "http://static.fusioncharts.com/sampledata/images/snickrs.png",
                  "x": "$xaxis.label.1.x - 26",
                  "y": "$canvasEndY - 141",
                  "xScale": "48",
                  "yScale": "38"
               },
               {
                  "id": "Milton-user-icon",
                  "type": "image",
                  "url": "http://static.fusioncharts.com/sampledata/images/coffee_crisp.png",
                  "x": "$xaxis.label.2.x - 22",
                  "y": "$canvasEndY - 134",
                  "xScale": "43",
                  "yScale": "36"
      ...