charts/canvas/examples/24-stacked-column-100-chart/basic-stacked-column-100-chart.html

   1 <!DOCTYPE HTML>\r
   2 <html>\r
   3 <head>\r
   4         <script type="text/javascript">\r
   5                 window.onload = function () {\r
   6                         var chart = new CanvasJS.Chart("chartContainer",\r
   7                         {\r
   8                                 title: {\r
   9                                         text: "Number of Students in Each Room"\r
  10                                 },\r
  11 \r
  12                                 data: [\r
  13                                 {\r
  14                                         type: "stackedColumn100",\r
  15                                         dataPoints: [\r
  16                                         { y: 40, label: "Cafeteria" },\r
  17                                         { y: 10, label: "Lounge" },\r
  18                                         { y: 72, label: "Games Room" },\r
  19                                         { y: 30, label: "Lecture Hall" },\r
  20                                         { y: 21, label: "Library" }\r
  21                                         ]\r
  22                                 }, {\r
  23                                         type: "stackedColumn100",\r
  24                                         dataPoints: [\r
  25                                         { y: 20, label: "Cafeteria" },\r
  26                                         { y: 14, label: "Lounge" },\r
  27                                         { y: 40, label: "Games Room" },\r
  28                                         { y: 43, label: "Lecture Hall" },\r
  29                                         { y: 17, label: "Library" }\r
  30                                         ]\r
  31                                 }\r
  32 \r
  33                                 ]\r
  34                         });\r
  35 \r
  36                         chart.render();\r
  37                 }\r
  38         </script>\r
  39         <script src="../../canvasjs.min.js"></script>\r
  40         <title>CanvasJS Example</title>\r
  41 </head>\r
  42 <body>\r
  43         <div id="chartContainer" style="height: 400px; width: 100%;">\r
  44         </div>\r
  45 </body>\r
  46 </html>