4 | | <div id="container" style="width:500px; height:384px"></div> |
| 5 | == Bar Chart == |
| 6 | |
| 7 | {{{#!html |
| 8 | <div id="container_bar1" style="width:500px; height:384px"></div> |
| 9 | |
| 10 | <script type="text/javascript"> |
| 11 | (function () { |
| 12 | var d1 = [1, 2, 3, 4]; |
| 13 | var d2 = [2, 4, 6, 8]; |
| 14 | var container = document.getElementById('container_bar1'); |
| 15 | |
| 16 | // Draw the graph |
| 17 | Flotr.draw(container, [d1, d2], |
| 18 | { |
| 19 | bars : { |
| 20 | show : true, |
| 21 | horizontal : horizontal, |
| 22 | shadowSize : 0, |
| 23 | barWidth : 0.5 |
| 24 | }, |
| 25 | mouse : { |
| 26 | track : true, |
| 27 | relative : true |
| 28 | }, |
| 29 | yaxis : { |
| 30 | min : 0, |
| 31 | autoscaleMargin : 1 |
| 32 | } |
| 33 | }); |
| 34 | }); |
| 35 | |
| 36 | </script> |
| 37 | }}} |
| 38 | |
| 39 | |
| 40 | == Line Graph == |
| 41 | |
| 42 | {{{#!html |
| 43 | <div id="container_line1" style="width:500px; height:384px"></div> |