jqplot是一个jQuery插件生成纯客户端的javascript,并显示在网页中的图表。
工具/原料
jquery.min.js
jquery.jqplot.min.js
excanvas.js
jquery.jqplot.css
方法/步骤
1、引用jqplot的相关文件:<!--[ifltIE9]><scriptlanguage="javascript"type="text/javascript"src="excanvas.js"></script><![endif]--><scriptlanguage="javascript"type="text/javascript"src="jquery.min.js"></script><scriptlanguage="javascript"type="text/javascript"src="jquery.jqplot.min.js"></script><linkrel="stylesheet"type="text/css"href="jquery.jqplot.css"/>
2、添加一个div作为绘图容器:<divid="chartdiv"style="height:400px;width:300px;"></div>
3、创建一个线形图:$(document).ready(function(){varplot=$.jqplot('chartdiv',[[3,7,9,1,4,6,8,2,5]]);});
4、完成上述代码配置,就可见下图效果了