Image in place of bars XML

Created using FusionCharts Suite XT - www.fusioncharts.com

by Nabajeet 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>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'column2d',
        renderAt: 'chart-container',
        width: '400',
        height: '300',
        dataFormat: 'xml',
        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" valuefontcolor="#333333" >\
<annotations width="500" height="300" autoscale="1">\
<annotationgroup id="user-images" xscale_="20" yscale_="20">\
<annotation 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" />\
<annotation 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" />\
<annotation 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" />\
<annotation id="Brian-user-icon" type="image" url="http://static.fusioncharts.com/sampledata/images/100grand.png" x="$xaxis.label.3.x - 22" y="$canvasEndY - 131" xscale="43" yscale="35" />\
</annotationgroup>\
</annotations>\
<set label="Butterfinger" value="92000" />\
<set label="Snickers" value="87000" />\
<set label="Coffee Crisp" value="83000" />\
<set label="100 Grand" value="80000" />\
</chart>'
    });

    revenueChart.render();
});