HTML:
<body>
<div id="chart"></div>
</body>
Javascript:
<script type="text/javascript">
var options = {
lines: { show: true },
xaxis: {
tickDecimals: 0,
tickSize: 1
},
grid: {
backgroundColor: { colors: ["#fff", "#fff"] },
borderWidth: 1,
borderColor: '#555'
}
};
var d1 = [[1999, 3.0], [2000, 3.9], [2001, 2.0], [2002, 1.2], [2003, 1.3], [2004, 2.5], [2005, 2.0], [2006, 3.1], [2007, 2.9], [2008, 0.9]];
$('#chart').css({ 'width': '100%', 'height': '220px' });
$.plot("#chart", [{ label: "Data", data: d1 }], options);
</script>
Qualquer dúvida visite o site oficial:
http://www.flotcharts.org/