设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

查看: 6545|回复: 5

vml 饼图 [复制链接]

荣誉版主

白痴管理员

Rank: 6Rank: 6

注册时间
2003-2-24
在线时间
3 小时
威望
2856
阅读权限
100
积分
2758
帖子
2445
精华
31
UID
515
发表于 2003-4-8 09:03:41 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
一键分享 一键分享
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML><HEAD><TITLE>Causeway->Demos->VML graphics->Two Piecharts</TITLE>
  3. <META content="text/html; charset=gb2312" http-equiv=Content-Type>
  4. <STYLE>H1 {
  5. MARGIN-BOTTOM: 3pt; MARGIN-TOP: 0pt
  6. }
  7. H2 {
  8. MARGIN-BOTTOM: 3pt; MARGIN-TOP: 12pt
  9. }
  10. H3 {
  11. MARGIN-BOTTOM: 3pt; MARGIN-TOP: 6pt
  12. }
  13. H4 {
  14. MARGIN-BOTTOM: 0pt; MARGIN-TOP: 0pt
  15. }
  16. P {
  17. MARGIN-BOTTOM: 12pt; MARGIN-TOP: 0pt
  18. }
  19. OL {
  20. MARGIN-BOTTOM: 6pt; MARGIN-TOP: 0pt
  21. }
  22. UL {
  23. MARGIN-BOTTOM: 6pt; MARGIN-TOP: 0pt
  24. }
  25. LI {
  26. MARGIN-BOTTOM: 6pt; MARGIN-TOP: 0pt
  27. }
  28. P.Chart {
  29. COLOR: black; FONT-FAMILY: "times"; FONT-SIZE: 8pt; POSITION: absolute; TEXT-ALIGN: right
  30. }
  31. A.bar {
  32. COLOR: #01389d; TEXT-DECORATION: none
  33. }
  34. A.bar:visited {
  35. COLOR: #00743c
  36. }
  37. A.bar:hover {
  38. COLOR: #b26d00
  39. }
  40. .shadowed {
  41. FILTER: shadow(color=#DDDDFF,direction=135); WIDTH: 100%
  42. }
  43. v\:* {
  44. BEHAVIOR: url(#default#VML)
  45. }
  46. </STYLE>
  47. <META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
  48. <BODY bgColor=#ffffff bottomMargin=0 leftMargin=0 link=#01389d text=#000000
  49. topMargin=0 vLink=#00743c>
  50. <?xml:namespace prefix = v /><v:group
  51.       style="HEIGHT: 324pt; WIDTH: 432pt; antialias: false" coordsize =
  52.       "4320,3240"><!-- Paper is white with a simple drop-shadow --><v:rect
  53.       style="HEIGHT: 3240px; WIDTH: 4320px" coordsize = "21600,21600" fillcolor
  54.       = "white"><v:shadow on = "t" type = "single" color = "silver" offset =
  55.       "4pt,3pt"></v:shadow></v:rect><v:rect
  56.       style="HEIGHT: 3160px; LEFT: 40px; POSITION: absolute; TOP: 40px; WIDTH: 4240px"
  57.       coordsize = "21600,21600" fillcolor = "white" strokeweight =
  58.       "2emu"></v:rect>
  59.       <P class=Chart
  60.       style="COLOR: #808080; FONT-SIZE: 18pt; FONT-STYLE: italic; HEIGHT: 14.94pt; LEFT: 42pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 10.66pt; WIDTH: 0pt"></P>
  61.       <P class=Chart
  62.       style="COLOR: #808080; FONT-SIZE: 18pt; FONT-STYLE: italic; HEIGHT: 14.94pt; LEFT: 42pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 32.26pt; WIDTH: 126pt">Two
  63.       Pie</P>
  64.       <P class=Chart
  65.       style="COLOR: #808080; FONT-SIZE: 18pt; FONT-STYLE: italic; HEIGHT: 14.94pt; LEFT: 42pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 53.86pt; WIDTH: 108pt">Charts</P>
  66.       <P class=Chart
  67.       style="COLOR: #000080; FONT-SIZE: 13pt; FONT-STYLE: italic; HEIGHT: 10.79pt; LEFT: 142pt; POSITION: absolute; TEXT-ALIGN: center; TOP: 122.81pt; WIDTH: 0pt"></P><v:shape
  68.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
  69.       "4320,3240" fillcolor = "#dbdbed" strokeweight = ".5pt" path =
  70.       "m1400,2190ae1400,2190,707,707,-2693530,8591770xe"></v:shape><v:polyline
  71.       points = "2140,1854,1979,1927" filled = "f" strokecolor = "black"
  72.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  73.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  74.       <P class=Chart
  75.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 218.1pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 181.29pt; WIDTH: 16.8pt">&nbsp;200</P><v:shape
  76.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
  77.       "4320,3240" fillcolor = "#5a5" strokeweight = ".5pt" path =
  78.       "m1400,2190ae1400,2190,707,707,-8152678,5459149xe"></v:shape><v:polyline
  79.       points = "1502,2997,1480,2821" filled = "f" strokecolor = "black"
  80.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  81.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  82.       <P class=Chart
  83.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 154.3pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 295.59pt; WIDTH: 16.8pt">&nbsp;127</P><v:shape
  84.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
  85.       "4320,3240" fillcolor = "#f8f2f2" strokeweight = ".5pt" path =
  86.       "m1400,2190ae1400,2190,707,707,-13441434,5288755xe"></v:shape><v:polyline
  87.       points = "616,2404,786,2357" filled = "f" strokecolor = "black"
  88.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  89.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  90.       <P class=Chart
  91.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 43.4pt; POSITION: absolute; TOP: 236.29pt; WIDTH: 16.8pt">123</P><v:shape
  92.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
  93.       "4320,3240" fillcolor = "#8bc5c5" strokeweight = ".5pt" path =
  94.       "m1400,2190ae1400,2190,707,707,-15846605,2405171xe"></v:shape><v:polyline
  95.       points = "810,1631,938,1752" filled = "f" strokecolor = "black"
  96.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  97.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  98.       <P class=Chart
  99.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 67pt; POSITION: absolute; TOP: 158.99pt; WIDTH: 12.6pt">56</P><v:shape
  100.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
  101.       "4320,3240" fillcolor = "#c0c080" strokeweight = ".5pt" path =
  102.       "m1400,2190ae1400,2190,707,707,-17694720,1848115xe"></v:shape><v:polyline
  103.       points = "1202,1401,1245,1573" filled = "f" strokecolor = "black"
  104.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  105.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  106.       <P class=Chart
  107.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 106.2pt; POSITION: absolute; TOP: 136.09pt; WIDTH: 12.6pt">43</P><v:rect
  108.       style="HEIGHT: 574px; LEFT: 2350px; POSITION: absolute; TOP: 2500px; WIDTH: 733px"
  109.       coordsize = "21600,21600" fillcolor = "white" strokeweight =
  110.       "1emu"></v:rect><v:rect
  111.       style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2535px; WIDTH: 126px"
  112.       coordsize = "21600,21600" fillcolor = "#dbdbed" strokeweight =
  113.       "0"></v:rect>
  114.       <P class=Chart
  115.       style="COLOR: #000080; FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 259.4pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 252.59pt; WIDTH: 70pt">Home
  116.       Trade</P><v:rect
  117.       style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2647px; WIDTH: 126px"
  118.       coordsize = "21600,21600" fillcolor = "#5a5" strokeweight = "0"></v:rect>
  119.       <P class=Chart
  120.       style="COLOR: #000080; FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 259.4pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 263.79pt; WIDTH: 42pt">Europe</P><v:rect
  121.       style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2759px; WIDTH: 126px"
  122.       coordsize = "21600,21600" fillcolor = "#f8f2f2" strokeweight =
  123.       "0"></v:rect>
  124.       <P class=Chart
  125.       style="COLOR: #000080; FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 259.4pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 274.99pt; WIDTH: 42pt">Export</P><v:rect
  126.       style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2871px; WIDTH: 126px"
  127.       coordsize = "21600,21600" fillcolor = "#8bc5c5" strokeweight =
  128.       "0"></v:rect>
  129.       <P class=Chart
  130.       style="COLOR: #000080; FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 259.4pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 286.19pt; WIDTH: 56pt">Overseas</P><v:rect
  131.       style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2983px; WIDTH: 126px"
  132.       coordsize = "21600,21600" fillcolor = "#c0c080" strokeweight =
  133.       "0"></v:rect>
  134.       <P class=Chart
  135.       style="COLOR: #000080; FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 259.4pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 297.39pt; WIDTH: 35pt">Other</P>
  136.       <P class=Chart
  137.       style="COLOR: #000080; FONT-SIZE: 13pt; FONT-STYLE: italic; HEIGHT: 10.79pt; LEFT: 293pt; POSITION: absolute; TEXT-ALIGN: center; TOP: 8.81pt; WIDTH: 0pt"></P><v:shape
  138.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
  139.       "4320,3240" fillcolor = "#bfbfdf" strokeweight = ".5pt" path =
  140.       "m2910,1060ae2910,1060,714,714,-2693530,8591770xe"></v:shape><v:polyline
  141.       points = "3658,720,3495,794" filled = "f" strokecolor = "black"
  142.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  143.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  144.       <P class=Chart
  145.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 369.9pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 64.09pt; WIDTH: 16.8pt">Fred</P>
  146.       <P class=Chart
  147.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 369.9pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 71.79pt; WIDTH: 25.2pt">Bloggs</P><v:shape
  148.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
  149.       "4320,3240" fillcolor = "#f8f2f2" strokeweight = ".5pt" path =
  150.       "m2923,1166ae2923,1166,714,714,-8152678,5459149xe"></v:shape><v:polyline
  151.       points = "3027,1981,3004,1804" filled = "f" strokecolor = "black"
  152.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  153.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  154.       <P class=Chart
  155.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 306.8pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 193.99pt; WIDTH: 12.6pt">Joe</P><v:shape
  156.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
  157.       "4320,3240" fillcolor = "#aad5d5" strokeweight = ".5pt" path =
  158.       "m2910,1060ae2910,1060,714,714,-13441434,5288755xe"></v:shape><v:polyline
  159.       points = "2118,1276,2290,1229" filled = "f" strokecolor = "black"
  160.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  161.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  162.       <P class=Chart
  163.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 189.4pt; POSITION: absolute; TOP: 119.69pt; WIDTH: 21pt">Harry</P>
  164.       <P class=Chart
  165.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 172.6pt; POSITION: absolute; TOP: 127.39pt; WIDTH: 37.8pt">the
  166.       Skunk</P><v:shape
  167.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px"
  168.       title="Albert the Rat has an exploded sector!" coordsize = "4320,3240"
  169.       fillcolor = "#dbeddb" strokeweight = ".5pt" path =
  170.       "m2754,913ae2754,913,714,714,-15846605,2405171xe"></v:shape><v:polyline
  171.       points = "2158,348,2288,471" filled = "f" strokecolor = "black"
  172.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  173.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  174.       <P class=Chart
  175.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 155.6pt; POSITION: absolute; TOP: 30.79pt; WIDTH: 58.8pt">Albert
  176.       the Rat</P><v:shape
  177.       style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
  178.       "4320,3240" fillcolor = "#c58bc5" strokeweight = ".5pt" path =
  179.       "m2910,1060ae2910,1060,714,714,-17694720,1848115xe"></v:shape><v:polyline
  180.       points = "2710,264,2753,437" filled = "f" strokecolor = "black"
  181.       strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
  182.       "round"></v:stroke><v:fill></v:fill></v:polyline>
  183.       <P class=Chart
  184.       style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 252.8pt; POSITION: absolute; TOP: 22.29pt; WIDTH: 16.8pt">Bill</P></v:group></DIV>  
  185.   </TD></TR>
  186.   </TBODY></TABLE></BODY></HTML>
  187. </body>
  188. </html>
复制代码运行代码另存代码
专注于web开发技术 网站:[url]http://www.openlab.net.cn[/url] 产品:ChinaCommunityServer -- Asp.Net社区系统,包含论坛,博客和相册等模块,源码开放 [url]http://www.communityserver.cn[/url] 我的blog: [url]http://www.webuc.net/dotey[/url] [url]http://blog.joycode.com/dotey[/url] 我的JS作品: [url]http://bbs.51js.com/viewthread.php?tid=13537&fpage=1[/url]

Rank: 1

升级  98%

注册时间
2005-6-7
在线时间
5 小时
威望
36
阅读权限
10
积分
49
帖子
15
精华
0
UID
30848
发表于 2005-9-23 09:20:24 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 QQ 查看个人网站
看了,顶了,走了!

使用道具 举报

Rank: 1

升级  70%

注册时间
2006-1-12
在线时间
0 小时
威望
30
阅读权限
10
积分
35
帖子
10
精华
0
UID
45783
发表于 2006-1-13 14:31:58 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
最近郁闷,浏览器看不见vml

使用道具 举报

Rank: 1

升级  52%

注册时间
2006-1-26
在线时间
0 小时
威望
24
阅读权限
10
积分
26
帖子
4
精华
0
UID
46477
发表于 2006-1-26 13:01:54 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
这个挺好,我挺喜欢的!

使用道具 举报

Rank: 1

升级  28%

注册时间
2007-4-24
在线时间
13 小时
威望
0
阅读权限
10
积分
14
帖子
2
精华
0
UID
68756
发表于 2007-11-29 16:19:27 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
听好玩

使用道具 举报

Rank: 2

升级  88%

注册时间
2006-12-8
在线时间
85 小时
威望
839
阅读权限
20
积分
182
帖子
100
精华
0
UID
61629
发表于 2008-1-15 20:40:33 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料 QQ 查看个人网站
一点也不好玩! 不好不强大也不黄

使用道具 举报

您需要登录后才可以回帖 登录 | 加入无忧

Archiver|手机版|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445  

GMT+8, 2012-5-17 23:31 , Processed in 0.062559 second(s), 14 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 1999-2011 无忧脚本

回顶部