HistogramModule.js

// HistogramModule.js
var HistogramModule = function(bins, canvas_width, canvas_height) {
    // Create the elements

    // Create the tag:
    var canvas_tag = "<canvas width='" + canvas_width + "' height='" + canvas_height + "' ";
    canvas_tag += "style='border:1px dotted'></canvas>";
    // Append it to body:
    var canvas = $(canvas_tag)[0];
    $("#elements").append(canvas);
    // Create the context and the drawing controller:
    var context = canvas.getContext("2d");

    // Prep the chart properties and series:
    var datasets = [{
        label: "Distance of Stored food from nearest safe spot.",
        backgroundColor: ["rgba(0,129,255,0.5)"],
        borderColor: ["rgba(0,127,255,0.8)"],
        //backgroundFill: "rgba(0,127,255,0.75)",
        //highlightStroke: "rgba(0,127,255,1)",
        data: []
    }];

    // Add a zero value for each bin
    for (var i in bins)
        datasets[0].data.push(0);

    var data = {
        labels: bins,
        datasets: datasets
    };

    var options = {
        scaleBeginsAtZero: true
    };

    // Create the chart object
    var chart = new Chart(context,{'type': 'bar', 'data': data, 'options': options});

    // Now what?
    this.render = function(data) {
        for (var i in data)
            chart.data.datasets[0].data[i] = data[i];
        chart.update();
    };

    this.reset = function() {
        chart.destroy();
        chart = new Chart(context,{'type': 'bar', 'data': data, 'options': options});
    };
};