{{{#!html
<script type="text/javascript" src="/js/flotr2.min.js"></script>
}}}

== Bar Chart ==

{{{#!html
<div id="container_bar1" style="width:500px; height:384px"></div>

<script type="text/javascript">
(function () {
	var d1 = [1, 2, 3, 4];
	var d2 = [2, 4, 6, 8];
	var container = document.getElementById('container_bar1');
   
	// Draw the graph
	Flotr.draw(container, [d1, d2],
	{
	bars : {
		show : true,
		horizontal : horizontal,
		shadowSize : 0,
		barWidth : 0.5
		},
	mouse : {
		track : true,
		relative : true
		},
	yaxis : {
		min : 0,
		autoscaleMargin : 1
		}
	});
});

</script>
}}}


== Line Graph ==

{{{#!html
<div id="container_line1" style="width:500px; height:384px"></div>

<script type="text/javascript">
      (function () {
        var
          container = document.getElementById('container_line1'),
          data = [],
          graph, i;

        // Sample the sine function
        for (i = 0; i < 4 * Math.PI; i += 0.2) {
          data.push([i, Math.sin(i)]);
        }

        // Draw Graph
        graph = Flotr.draw(container, [ data ], {
          yaxis : {
            max : 2,
            min : -2
          }
        });
      })();
    </script>
}}}