<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.5.2.js"></script>
<script language="javascript" type="text/javascript" src="jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="excanvas.min.js"></script>
<script type="text/javascript">
$(function(){
var d1 = [];
for(var i = 0; i < 20; i += 0.5){
d1.push(i,Math.cos(i));
}
var d2 = [[0,3],[4,8],[8,5],[9,13]];
var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];
var d4 = [[0, 13], [5, 14], null, [2, 5.5], [16, 9.5]];
$.plot(
$("#placeholder"),
[d1,d2,d3,d4]
);
});
</script>
</head>
<body>
<div id="placeholder" style="width:600px;height:300px;"></div>
</body>
</html>