
!function ($) {
    "use strict";
    $(function () {

        var barData = {
            labels: ["January", "February", "March", "April", "May", "June", "July"],
            datasets: [
                {
                    label: "My First dataset",
                    fillColor: "rgba(140, 192, 250,0.5)",
                    strokeColor: "rgba(140, 192, 250,0.8)",
                    highlightFill: "rgba(140, 192, 250,0.75)",
                    highlightStroke: "rgba(140, 192, 250,1)",
                    data: [65, 59, 80, 81, 56, 55, 40]
                },
                {
                    label: "My Second dataset",
                    fillColor: "rgba(14, 150, 236,0.5)",
                    strokeColor: "rgba(14, 150, 236,0.8)",
                    highlightFill: "rgba(14, 150, 236,0.75)",
                    highlightStroke: "rgba(14, 150, 236,1)",
                    data: [28, 48, 40, 19, 86, 27, 90]
                }
            ]
        };

        var barOptions = {
            scaleBeginAtZero: true,
            scaleShowGridLines: true,
            scaleGridLineColor: "rgba(0,0,0,.05)",
            scaleGridLineWidth: 1,
            barShowStroke: true,
            barStrokeWidth: 2,
            barValueSpacing: 5,
            barDatasetSpacing: 1,
            responsive: true
        };


        var ctx = document.getElementById("barChart").getContext("2d");
        var myNewChart = new Chart(ctx).Bar(barData, barOptions);

    });
}(window.jQuery);