BarChart

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>
<!-- This sample is rendered using XML as its data format. Note that this is the same chart and data used in the section "Creating your first chart" to help compare. -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'bar3d',
        renderAt: 'chart-container',
        width: '500',
        height: '300',
        dataFormat: 'xml',
        dataSource: '<chart caption="Monthly revenue" subcaption="Last year" xaxisname="Month" yaxisname="Revenue (In USD)" theme="fint" placeVAluesInside="0" valueFontColor="#ff0000">\
    <set label="Jan" value="420000" />\
    <set label="Feb" value="810000" />\
    <set label="Mar" value="720000" />\
    <set label="Apr" value="550000" />\
    <set label="May" value="910000" />\
    <set label="Jun" value="510000" />\
    <set label="Jul" value="680000" />\
    <set label="Aug" value="620000" />\
    <set label="Sep" value="610000" />\
    <set label="Oct" value="490000" />\
    <set label="Nov" value="900000" />\
    <set label="Dec" value="730000" />\
</chart>'
    })
    .render();
});