如何使用jqplot创建一个简易的线性图

1、引用jqplot的相关文件:

<!--[if lt IE 9]>

<script language="javascript" type="text/javascript" src="excanvas.js"></script>

<![endif]-->

<script language="javascript" type="text/javascript" src="jquery.min.js"></script>

<script language="javascript" type="text/javascript" src="jquery.jqplot.min.js">

</script> <link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />

2、添加一个div作为绘图容器:

<div id="chartdiv" style="height:400px;width:300px; "></div>

3、创建一个线形图:

$(document).ready(function () { var plot = $.jqplot('chartdiv', [[3, 7, 9, 1, 4, 6, 8, 2, 5]]); });

4、完成上述代码配置，就可见下图效果了