MooTools - Basic Bar Chart

by pythondave

HTML

<script src="http://workshop.rs/projects/moobargraph/moobargraph.js"></script>
<div id="divBarChart"></div>

JavaScript

var HouseBarGraph = new Class({
    Extends: mooBarGraph,
    initialize: function(options){
        options.data = this.dataFromHouseData(options.houseData);
        this.parent(options);
    },
    dataFromHouseData: function(houseData){ //houseData: [O, P, R]
        var data = [];
        data.push([houseData[0],'<b>Orange</b>','Orange','','Orange House - ' + houseData[0]]);
        data.push([houseData[1],'<b>Purple</b>','Purple','','Purple House - ' + houseData[1]]);
        data.push([houseData[2],'<b>Red</b>','Red','',,'Purple House - ' + houseData[2]]);
        return data;
    }
})

new HouseBarGraph({
    container: $('divBarChart'),
    houseData: [103, 152, 131],
    title: '<b>Bar Chart</b>',
    width: 180,
    height: 200
});