jQuery - Basic Bar Chart

by pythondave

HTML

<script src="http://launchpad.brainhost.com/lib/external/js/jqBarGraph.1.1.min.js"></script>
<div id="divBarChart"></div>

JavaScript

$(document).ready(function() {
    CreateHouseBarChart({ JQuerySelector:'#divBarChart', HouseDataArray:[103,152,131] });
});

function CreateHouseBarChart(Options) {
    var o = Options || {};
    var a = o.HouseDataArray; //[O,P,R]
    var DataArray = [];
    DataArray.push([a[0],'<b>Orange</b>','Orange']);
    DataArray.push([a[1],'<b>Purple</b>','Purple']);
    DataArray.push([a[2],'<b>Red</b>','Red']);
    o.DataArray = DataArray;
    CreateBarChart(o);
}

function CreateBarChart(Options) {
    var o = Options || {};
    var JQuerySelector = o.JQuerySelector || '#divBarChart';
    var DataArray = o.DataArray;
    var Height = o.Height || 200;
    var Width = o.Width || 180;
    var Title = o.Title || '<b>Bar Chart</b>';
    $(JQuerySelector).jqbargraph({ data:DataArray, height:Height, width:Width, title:Title });
}