VML折线图，曲线图都很方便,不需要任何插件，VML只支持IE 以下是html网页特效代码，点击运行按钮可查看效果： 以下是程序代码 以下是程序代码 <<a href="https://www.gaodaima.com/tag/html" title="查看更多关于html的文章" target="_blank">html</a> <a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/tag/xml" title="xml" rel="nofollow" target="_blank">xml</a>ns:v=”urn:schemas-microsoft-com:vml” <a href="https://www.gaodaima.com/tag/xml" title="查看更多关于xml的文章" target="_blank">xml</a>ns:o=”urn:schemas-microsoft-com:office:office” xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/TR/REC-html40″" rel="nofollow">http://www.w3.org/TR/REC-html40″</a>;;;;;> <title>利用vml实现曲线图的简单例子</title> <head> <meta http-equiv=”Content-Language” content=”zh-cn”> <style> v/:* { behavior: url(#default#VML) } o/:* { behavior: url(#default#VML) } .shape { behavior: url(#default#VML) } .node{font-size:11px;font-family:Verdana;width:1px;color:#000000;} .node a{color:#000000;text-decoration:none} .node a:hover{color:#FF0000;text-decoration:underline} .highlight{background-color:#FFFFFF;color:#2D6197;border:0px} .highlight a{color:#2D6197} img{border:0} </style> </head> <body> <div style=”position:relative;left:0px;Top:0px;height:240px;font-family:Verdana;font-size:11px”> <v:rect id=”BackRect” style=’position:absolute;left:30px;Top:20px;width:538px;height:215px;z-index:1;’/> <v:rect style=’position:absolute;left:30px;top:0px;width:12px;height:12px;z-index:3;’ fillcolor=”#E7F3FF”/> <span style=”position:absolute;left:50px;top:0px;width:100px;z-index:3″ nowrap>访问页面数</span> <v:rect style=’position:absolute;left:130px;top:0px;width:12px;height:12px;z-index:3;’ fillcolor=”#9CC7FF”/> <span style=”position:absolute;left:150px;top:0px;width:100px;z-index:3″ nowrap>访问ＩＰ数</span> <span style=”position:absolute;left:0px;Top:166px;z-index:2;width:30px”>1350</span> <span style=”position:absolute;left:0px;Top:116px;z-index:2;width:30px”>2700</span> <span style=”position:absolute;left:0px;Top:66px;z-index:2;width:30px”>4050</span> <span style=”position:absolute;left:0px;Top:16px;z-index:2;width:30px”>5400</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:2′ from=”1px,50px” to=”537px,50px” strokecolor=”#808080″> <v:stroke src=”./images/image001.gif” title=”” filltype=”pattern”/> </v:line> <v:line style=’position:absolute;left:30px;Top:20px;z-index:2′ from=”1px,100px” to=”537px,100px” strokecolor=”#808080″> <v:stroke src=”./images/image001.gif” title=”” filltype=”pattern”/> </v:line> <v:line style=’position:absolute;left:30px;Top:20px;z-index:2′ from=”1px,150px” to=”537px,150px” strokecolor=”#808080″> <v:stroke src=”./images/image001.gif” title=”” filltype=”pattern”/> </v:line><span style=”position:absolute;left:40px;Top:222px;z-index:2;width:30px”>0</span> <span style=”position:absolute;left:62px;Top:222px;z-index:2;width:30px”>1</span> <span style=”position:absolute;left:84px;Top:222px;z-index:2;width:30px”>2</span> <span style=”position:absolute;left:106px;Top:222px;z-index:2;width:30px”>3</span> <span style=”position:absolute;left:128px;Top:222px;z-index:2;width:30px”>4</span> <span style=”position:absolute;left:150px;Top:222px;z-index:2;width:30px”>5</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”98px,176.074074074074px” to=”120px,186.888888888889px” strokecolor=”#00659C”/> <span style=”position:absolute;left:172px;Top:222px;z-index:2;width:30px”>6</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”120px,186.888888888889px” to=”142px,193.407407407407px” strokecolor=”#00659C”/> <span style=”position:absolute;left:194px;Top:222px;z-index:2;width:30px”>7</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”142px,193.407407407407px” to=”164px,195.111111111111px” strokecolor=”#00659C”/> <span style=”position:absolute;left:216px;Top:222px;z-index:2;width:30px”>8</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”164px,195.111111111111px” to=”186px,191px” strokecolor=”#00659C”/> <span style=”position:absolute;left:238px;Top:222px;z-index:2;width:30px”>9</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”186px,191px” to=”208px,181.62962962963px” strokecolor=”#00659C”/> <span style=”position:absolute;left:260px;Top:222px;z-index:2;width:30px”>10</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”208px,181.62962962963px” to=”230px,164.555555555556px” strokecolor=”#00659C”/> <span style=”position:absolute;left:282px;Top:222px;z-index:2;width:30px”>11</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”230px,164.555555555556px” to=”252px,147.555555555556px” strokecolor=”#00659C”/> <span style=”position:absolute;left:304px;Top:222px;z-index:2;width:30px”>12</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”252px,147.555555555556px” to=”274px,127.962962962963px” strokecolor=”#00659C”/> <span style=”position:absolute;left:326px;Top:222px;z-index:2;width:30px”>13</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”274px,127.962962962963px” to=”296px,109.333333333333px” strokecolor=”#00659C”/> <span style=”position:absolute;left:348px;Top:222px;z-index:2;width:30px”>14</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”296px,109.333333333333px” to=”318px,97.5925925925926px” strokecolor=”#00659C”/> <span style=”position:absolute;left:370px;Top:222px;z-index:2;width:30px”>15</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”318px,97.5925925925926px” to=”340px,92.3333333333333px” strokecolor=”#00659C”/> <span style=”position:absolute;left:392px;Top:222px;z-index:2;width:30px”>16</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”340px,92.3333333333333px” to=”362px,78.2962962962963px” strokecolor=”#00659C”/> <span style=”position:absolute;left:414px;Top:222px;z-index:2;width:30px”>17</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”362px,78.2962962962963px” to=”384px,67.8888888888889px” strokecolor=”#00659C”/> <span style=”position:absolute;left:436px;Top:222px;z-index:2;width:30px”>18</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”384px,67.8888888888889px” to=”406px,60.5555555555555px” strokecolor=”#00659C”/> <span style=”position:absolute;left:458px;Top:222px;z-index:2;width:30px”>19</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”406px,60.5555555555555px” to=”428px,53.4814814814815px” strokecolor=”#00659C”/> <span style=”position:absolute;left:480px;Top:222px;z-index:2;width:30px”>20</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”428px,53.4814814814815px” to=”450px,40.4074074074074px” strokecolor=”#00659C”/> <span style=”position:absolute;left:502px;Top:222px;z-index:2;width:30px”>21</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”450px,40.4074074074074px” to=”472px,33.2592592592593px” strokecolor=”#00659C”/> <span style=”position:absolute;left:524px;Top:222px;z-index:2;width:30px”>22</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”472px,33.2592592592593px” to=”494px,25.4814814814815px” strokecolor=”#00659C”/> <span style=”position:absolute;left:546px;Top:222px;z-index:2;width:30px”>23</span> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”494px,25.4814814814815px” to=”516px,25.1481481481482px” strokecolor=”#00659C”/> <v:line style=’position:absolute;left:30px;Top:20px;z-index:3′ from=”0px,109px” to=”538px,109px” strokecolor=red> <v:stroke src=”./images/image001.gif” title=”” filltype=”pattern”/> </v:line></div></body> </html> </font> <a href=”http://<a href="https://www.gaodaima.com/go.html?url=http://www.gaodaima.com/tag/js" title="js" rel="nofollow" target="_blank">js</a>.alixixi.com/”>欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>[/code]<br /><input onclick="runEx('CodeText96088')" type="button" value="运行代码"/> <input onclick="doCopy('CodeText96088')" type="button" value="复制代码"/> <input onclick="saveCode('CodeText96088')" type="button" value="另存代码"/><br /> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div> </div> <p>欢迎大家阅读<span style='color:red;'>《vml绘图(图表)功能示例_html》</span>,跪求各位点评,若觉得好的话请收藏本文，by <strong>搞代码</strong></p> <hr /><div class="open-message">搞代码网（<a href="www.gaodaima.com" target="_blank" title="gaodaima.com">gaodaima.com</a>）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱<a>chengxuyuan@gaodaima.com</a>，我们会在看到邮件的第一时间内为您处理，或直接联系<a>QQ：872152909</a>。本网站采用<a href="https://www.gaodaima.com/go.html?url=http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" target="_blank" title="BY-NC-SA授权协议">BY-NC-SA</a>协议进行授权 <br >转载请注明原文链接：<a href="https://www.gaodaima.com/33381.html" target="_blank" title="vml绘图(图表)功能示例_html">vml绘图(图表)功能示例_html</a><a id="spreadAds" target="_blank" href="" onclick="spreadAds()"></a><a id="spreadAds2" target="_blank" href=""></a> </div> <div class="article-social"> <a href="javascript:;" data-action="ding" data-id="33381" id="Addlike" class="action"><i class="fa fa-heart-o"></i>喜欢 (<span class="count">0</span>)</a><span class="or"><style>.article-social .weixin:hover{background:#fff;}</style><a class="weixin" style="border-bottom:0px;font-size:15pt;cursor:pointer;">赏<div class="weixin-popover"><div class="popover bottom in"><div class="arrow"></div><div class="popover-title"><center>[搞代码]</center></div><div class="popover-content"><img width="200px" height="200px" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png" ></div></div></div></a></span><span class="action action-share bdsharebuttonbox"><i class="fa fa-share-alt"></i>分享 (<span class="bds_count" data-cmd="count" title="累计分享0次">0</span>)<div class="action-popover"><div class="popover top in"><div class="arrow"></div><div class="popover-content"><a href="#" class="sinaweibo fa fa-weibo" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone fa fa-star" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="qq fa fa-qq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_renren fa fa-renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin fa fa-weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_more fa fa-ellipsis-h" data-cmd="more"></a></div></div></div></span></div> </article> <footer class="article-footer"> <div class="article-tags"><i class="fa fa-tags"></i><a href="https://www.gaodaima.com/tag/html" rel="tag">html</a><a href="https://www.gaodaima.com/tag/js" rel="tag">js</a><a href="https://www.gaodaima.com/tag/xml" rel="tag">xml</a></div></footer> <nav class="article-nav"><div class="_d13vl98i0pw"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795176", container: "_d13vl98i0pw", async: true });</script> </nav><div id="donatecoffee" style="overflow:auto;display:none;"><img width="400" height="400" alt="支持作者一杯咖啡" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png"></div> <div class="related_top"> <div class="related_posts"><ul class="related_img"> <li class="related_box" > <a href="https://www.gaodaima.com/432144.html" title="Java中如何调用静态方法及非静态方法呢？" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/10.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="Java中如何调用静态方法及非静态方法呢？" /><br><span class="r_title">Java中如何调用静态方法及非静态方法呢？</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432139.html" title="Java基础类型占用大小说明" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/2.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="Java基础类型占用大小说明" /><br><span class="r_title">Java基础类型占用大小说明</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/431633.html" title="JS-逆向百例AST-脱混淆实战某-ICP-备案号查询接口-jsjiami-v6-分析" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/1.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="JS-逆向百例AST-脱混淆实战某-ICP-备案号查询接口-jsjiami-v6-分析" /><br><span class="r_title">JS-逆向百例AST-脱混淆实战某-ICP-备案号查询接口-jsjiami-v6-分析</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/431438.html" title="Flask框架如何使用HTML模板" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/10.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="Flask框架如何使用HTML模板" /><br><span class="r_title">Flask框架如何使用HTML模板</span></a> </li> </ul><div class="relates"><div class="_mw9fz31sqco"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795180", container: "_mw9fz31sqco", async: true });</script><ul><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431362.html">django怎么加载html页面</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431346.html">django需要html吗</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431256.html">Django怎么加载HTML</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431179.html">django页面跳转HTML怎么写</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/431006.html">三分钟理解JOSN与XML的区别</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/430936.html">简单粗暴的使用lxml从网页HTML/XML中提取数据</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/430922.html">小白福利，python爬虫系列之xpath：html解析神器</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/430911.html">举例实现HTMLParser解析HTML</a></li></ul></div></div> </div> <div id="comment-ad" class="banner banner-related"><div class="_9madbukio7r"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6677406", container: "_9madbukio7r", async: true });</script><!-- 多条广告如下脚本只需引入一次 --><script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script></div> <div id="respond" class="no_webshot"> <form action="https://www.gaodaima.com/asdloie8574asdqwexzxdqwertasdqwe.php" method="post" id="commentform"> <div class="comt-title"> <div class="comt-avatar pull-left"> <img src="https://cdn.v2ex.com/gravatar/?s=50" class="avatar avatar-108"> </div> <div class="comt-author pull-left"> 发表我的评论 </div> <a id="cancel-comment-reply-link" class="pull-right" href="javascript:;">取消评论</a> </div> <div class="comt"> <div class="comt-box"> <textarea placeholder="说点什么吧…" class="input-block-level comt-area" name="comment" id="comment" cols="100%" rows="3" tabindex="1" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"> 提交评论 评论通知 表情 贴图 加粗 删除线 居中 斜体 签到 Hi，您需要填写昵称和邮箱！ 昵称昵称 (必填) 邮箱邮箱 (必填) 网址网址
以下是程序代码 以下是程序代码 以下是程序代码 以下是程序代码