4 <title>Bar Chart</title>
5 <script src="../Chart.js"></script>
8 <div style="width: 50%">
9 <canvas id="canvas" height="450" width="600"></canvas>
14 var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
17 labels : ["January","February","March","April","May","June","July"],
20 fillColor : "rgba(220,220,220,0.5)",
21 strokeColor : "rgba(220,220,220,0.8)",
22 highlightFill: "rgba(220,220,220,0.75)",
23 highlightStroke: "rgba(220,220,220,1)",
24 data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
27 fillColor : "rgba(151,187,205,0.5)",
28 strokeColor : "rgba(151,187,205,0.8)",
29 highlightFill : "rgba(151,187,205,0.75)",
30 highlightStroke : "rgba(151,187,205,1)",
31 data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
36 window.onload = function(){
37 var ctx = document.getElementById("canvas").getContext("2d");
38 window.myBar = new Chart(ctx).Bar(barChartData, {