教程集 > 脚本编程 > javascript > 正文 JS生成VML画曲线图代码[精华]

JS生成VML画曲线图代码[精华]

发布时间：2017-07-03 编辑：jiaochengji.com

教程集为您提供JS生成VML画曲线图代码[精华]等资源，欢迎您收藏本站，我们将为您提供最新的JS生成VML画曲线图代码[精华]资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" ><html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>曲线</title> <script language="javascript"> 0)as_type--str,num * 参数说明: as_str--转换的字符串 ai_digit--转换的小数位数(null--不限制小数位数,0--转换为整型,>0按小数位数转换) as_type--转换后返回的类型(null,"num"--转换为数字类型,"str"--转换为字符串 (按小数格式化后的字符串) * 例如: * str2float("10.2124568795")返回float类型10.2124568795 * str2float("10.6",0)返回Int类型11(使用四舍五入的方法) * str2float("10.2",2)返回float类型10.1 * str2float("10.2",2,"str")返回String类型"10.20"(按小数位数格式化字符串) * str2float("10.216",2)返回float类型10.22 * str2float("10.216",2,"str")返回String类型"10.22" ********************************* */ function str2Float(as_str,ai_digit,as_type) { var fdb_tmp = 0; var fi_digit = 0; var fs_digit = "1"; var fs_str = "" as_str; var fs_tmp1 = ""; var fs_tmp2 = ""; var fi_pos = 0; var fi_len = 0; fdb_tmp = parseFloat(isNaN(parseFloat(fs_str))?0:fs_str); switch (true) { case (ai_digit==null): //不改变值,只转换为数字 fdb_tmp = fdb_tmp; break; case (ai_digit==0): //取得整数 fdb_tmp = Math.round(fdb_tmp); break; case (ai_digit>0): //按照传入的小数点位数四舍五入取值 for (var i=0;i<ai_digit;i ) fs_digit ="0"; fi_digit = parseInt(fs_digit); fdb_tmp = Math.round(fdb_tmp * fi_digit) / fi_digit; if (as_type=="str") { fs_tmp1 = fdb_tmp.toString(); fs_tmp1 =((fs_tmp1.indexOf(".")!=-1)?"":".") fs_digit.substr(1); fi_pos = fs_tmp1.indexOf(".") 1 ai_digit; fdb_tmp = fs_tmp1.substr(0,fi_pos); } break; } return fdb_tmp; } //--> </script> <style type="text/css"> v:* { behavior: url(#default#VML);} o:* { behavior: url(#default#VML);} body { margin:0px; padding:0px; font-size:12px; text-align:left } .pBlack { font-weight:bold; font-size:12px; } .pRed { font-weight:bold; font-size:12px; color:#FF0000; } /*横坐标轴样式*/ .pMonth { font-size:66px; font-family:"黑体"; color:#CCCCCC; letter-spacing: 3px; } /*提示信息样式*/ .ToolTip { padding:4px; margin:4px; background-color: #CCCCCC; border: 1px solid #0066FF; text-align:left; } /*标题显示样式*/ .Title { font-family:"宋体", "华文仿宋"; font-size:16px; text-align:center; font-weight:bold; color:#996600; vertical-align:middle; } .curveBody{ margin:0; padding:0; height:20px; font-size:12px; } .curveForm{ margin:0; padding:0; height:20px; font-size:12px; } </style> </head> <body class="curveBody">

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td height="20">

</td></tr> </table> <script language="javascript"> //建立曲线对象 var vc = new VMLCurve(document.all.curve); //设置X坐标值，从左至右 vc.configXValue = new Array('一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'); //设置Y坐标轴 vc.configYPerValue = 100; vc.configYMinValue = 100; vc.init("vc","曲线图TEST"); //用数组设置点的横纵标值及提示信息 var xValueArr = new Array(1,2,3,4,5,6,7,8,9,10,11,12); //X轴数据， var yValueArr = new Array(420,280,420,550,600,700,800,720,190,940,590,340); //Y轴数据 var sValueArr = new Array('第1个点','第2个点','第3个点','第4个点','第5个点','第6个点','第7个点','第8个点','第9个点','第10个点','第11个点','第12个点'); //提示信息 //设置圆点的属性 vc.setPointsProp(5,1,'#FF6600','#FF6600'); vc.setPointsValue(xValueArr,yValueArr,sValueArr); </script> </body> </html> </textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
JS生成VML画曲线图代码[精华]
HTML5的Canvas实现绘制曲线的方法
 js图表组件highcharts简介
 目前流行的JavaScript库的介绍及对比
 Raphael一个用于在网页中绘制矢量图形的Javascript库
 photoshop使用曲线调整图层教程分享
 c# 画曲线图与折线图的代码
 CSS+Jquery实现页面圆角框方法大全
 html5 canvas标签的作用以及canvas标签的历史由来介绍
 分享一个利用HTML5制作的海浪效果代码

上一篇：层的显示、隐藏、拖动效果下一篇：漂亮的仿国外网站图片展示效果

[关闭]

JS生成VML画曲线图代码[精华]

最近更新

浏览排行