养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-10 20:43:48

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、完成上述代码配置,就可见下图效果了

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

© 一点知识