client-freqwatch/Chart.js/samples/bar2.html

   1 <!doctype html>
   2 <html>
   3         <head>
   4                 <title>Bar Chart</title>
   5                 <script src="../Chart.js"></script>
   6         </head>
   7         <body>
   8                 <div style="width: 50%">
   9                         <canvas id="canvas" height="450" width="600"></canvas>
  10                 </div>
  11
  12
  13         <script>
  14         var barChartData = {
  15                 labels : ["111993054","115183158","115204859","120000865","124341141","124992183","125013884"],
  16                 datasets : [
  17                         {
  18                                 fillColor : "rgba(151,187,205,0.5)",
  19                                 strokeColor : "rgba(151,187,205,0.8)",
  20                                 highlightFill : "rgba(151,187,205,0.75)",
  21                                 highlightStroke : "rgba(151,187,205,1)",
  22                                 data : ["5639","3","5727","8","2","172","5727"]
  23                         }
  24                 ]
  25
  26         }
  27         window.onload = function(){
  28                 var ctx = document.getElementById("canvas").getContext("2d");
  29                 window.myBar = new Chart(ctx).Bar(barChartData, {
  30                         animation: false,
  31                         scaleLineWidth: 1,
  32                         barStrokeWidth : 0.01,
  33                         responsive : false
  34                 });
  35         }
  36
  37         </script>
  38         </body>
  39 </html>