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

时间:2024-10-12 17:34:24

1、引用jqplot的相关文件:<!--[if lt IE 9]><script language="j锾攒揉敫avascript" 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、完成上述代码配置,就可见下图效果了

如何使用jqplot创建一个简易的线性图
© 手抄报圈