<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html; charset=utf-8"><title>Flot Examples</title><linkhref="layout.css"rel="stylesheet"type="text/css"></link><!--[if IE]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]--><script language="javascript"type="text/javascript"src="../jquery.js"></script><script language="javascript"type="text/javascript"src="../jquery.flot.js"></script></head><body><h1>Flot Examples</h1><divid="placeholder"style="width:600px;height:300px;"></div><p>Simple example. You don't need to specify much to get an attractive look. Put in a placeholder, make sure you set its dimensions (otherwise the plot library will barf) and call the plot function with the data. The axes are automatically scaled.</p><script id="source"language="javascript"type="text/javascript">$(function(){vard1=[];for(vari=0;i<14;i+=0.5)d1.push([i,Math.sin(i)]);vard2=[[0,3],[4,8],[8,5],[9,13]];$.plot($("#placeholder"),[d1,d2]);});</script></body></html>
