2003-4-8 09:03 宝玉
vml 饼图

[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Causeway->Demos->VML graphics->Two Piecharts</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE>H1 {
MARGIN-BOTTOM: 3pt; MARGIN-TOP: 0pt
}
H2 {
MARGIN-BOTTOM: 3pt; MARGIN-TOP: 12pt
}
H3 {
MARGIN-BOTTOM: 3pt; MARGIN-TOP: 6pt
}
H4 {
MARGIN-BOTTOM: 0pt; MARGIN-TOP: 0pt
}
P {
MARGIN-BOTTOM: 12pt; MARGIN-TOP: 0pt
}
OL {
MARGIN-BOTTOM: 6pt; MARGIN-TOP: 0pt
}
UL {
MARGIN-BOTTOM: 6pt; MARGIN-TOP: 0pt
}
LI {
MARGIN-BOTTOM: 6pt; MARGIN-TOP: 0pt
}
P.Chart {
COLOR: black; FONT-FAMILY: "times"; FONT-SIZE: 8pt; POSITION: absolute; TEXT-ALIGN: right
}
A.bar {
COLOR: #01389d; TEXT-DECORATION: none
}
A.bar:visited {
COLOR: #00743c
}
A.bar:hover {
COLOR: #b26d00
}
.shadowed {
FILTER: shadow(color=#DDDDFF,direction=135); WIDTH: 100%
}
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>
<META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff bottomMargin=0 leftMargin=0 link=#01389d text=#000000
topMargin=0 vLink=#00743c>
<?xml:namespace prefix = v /><v:group
      style="HEIGHT: 324pt; WIDTH: 432pt; antialias: false" coordsize =
      "4320,3240"><!-- Paper is white with a simple drop-shadow --><v:rect
      style="HEIGHT: 3240px; WIDTH: 4320px" coordsize = "21600,21600" fillcolor
      = "white"><v:shadow on = "t" type = "single" color = "silver" offset =
      "4pt,3pt"></v:shadow></v:rect><v:rect
      style="HEIGHT: 3160px; LEFT: 40px; POSITION: absolute; TOP: 40px; WIDTH: 4240px"
      coordsize = "21600,21600" fillcolor = "white" strokeweight =
      "2emu"></v:rect>
      <P class=Chart
      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>
      <P class=Chart
      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
      Pie</P>
      <P class=Chart
      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>
      <P class=Chart
      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
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
      "4320,3240" fillcolor = "#dbdbed" strokeweight = ".5pt" path =
      "m1400,2190ae1400,2190,707,707,-2693530,8591770xe"></v:shape><v:polyline
      points = "2140,1854,1979,1927" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      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
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
      "4320,3240" fillcolor = "#5a5" strokeweight = ".5pt" path =
      "m1400,2190ae1400,2190,707,707,-8152678,5459149xe"></v:shape><v:polyline
      points = "1502,2997,1480,2821" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      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
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
      "4320,3240" fillcolor = "#f8f2f2" strokeweight = ".5pt" path =
      "m1400,2190ae1400,2190,707,707,-13441434,5288755xe"></v:shape><v:polyline
      points = "616,2404,786,2357" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 43.4pt; POSITION: absolute; TOP: 236.29pt; WIDTH: 16.8pt">123</P><v:shape
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
      "4320,3240" fillcolor = "#8bc5c5" strokeweight = ".5pt" path =
      "m1400,2190ae1400,2190,707,707,-15846605,2405171xe"></v:shape><v:polyline
      points = "810,1631,938,1752" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 67pt; POSITION: absolute; TOP: 158.99pt; WIDTH: 12.6pt">56</P><v:shape
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
      "4320,3240" fillcolor = "#c0c080" strokeweight = ".5pt" path =
      "m1400,2190ae1400,2190,707,707,-17694720,1848115xe"></v:shape><v:polyline
      points = "1202,1401,1245,1573" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 106.2pt; POSITION: absolute; TOP: 136.09pt; WIDTH: 12.6pt">43</P><v:rect
      style="HEIGHT: 574px; LEFT: 2350px; POSITION: absolute; TOP: 2500px; WIDTH: 733px"
      coordsize = "21600,21600" fillcolor = "white" strokeweight =
      "1emu"></v:rect><v:rect
      style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2535px; WIDTH: 126px"
      coordsize = "21600,21600" fillcolor = "#dbdbed" strokeweight =
      "0"></v:rect>
      <P class=Chart
      style="COLOR: #000080; FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 259.4pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 252.59pt; WIDTH: 70pt">Home
      Trade</P><v:rect
      style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2647px; WIDTH: 126px"
      coordsize = "21600,21600" fillcolor = "#5a5" strokeweight = "0"></v:rect>
      <P class=Chart
      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
      style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2759px; WIDTH: 126px"
      coordsize = "21600,21600" fillcolor = "#f8f2f2" strokeweight =
      "0"></v:rect>
      <P class=Chart
      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
      style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2871px; WIDTH: 126px"
      coordsize = "21600,21600" fillcolor = "#8bc5c5" strokeweight =
      "0"></v:rect>
      <P class=Chart
      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
      style="HEIGHT: 49px; LEFT: 2420px; POSITION: absolute; TOP: 2983px; WIDTH: 126px"
      coordsize = "21600,21600" fillcolor = "#c0c080" strokeweight =
      "0"></v:rect>
      <P class=Chart
      style="COLOR: #000080; FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 259.4pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 297.39pt; WIDTH: 35pt">Other</P>
      <P class=Chart
      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
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
      "4320,3240" fillcolor = "#bfbfdf" strokeweight = ".5pt" path =
      "m2910,1060ae2910,1060,714,714,-2693530,8591770xe"></v:shape><v:polyline
      points = "3658,720,3495,794" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 369.9pt; POSITION: absolute; TEXT-ALIGN: left; TOP: 64.09pt; WIDTH: 16.8pt">Fred</P>
      <P class=Chart
      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
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
      "4320,3240" fillcolor = "#f8f2f2" strokeweight = ".5pt" path =
      "m2923,1166ae2923,1166,714,714,-8152678,5459149xe"></v:shape><v:polyline
      points = "3027,1981,3004,1804" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      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
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
      "4320,3240" fillcolor = "#aad5d5" strokeweight = ".5pt" path =
      "m2910,1060ae2910,1060,714,714,-13441434,5288755xe"></v:shape><v:polyline
      points = "2118,1276,2290,1229" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 189.4pt; POSITION: absolute; TOP: 119.69pt; WIDTH: 21pt">Harry</P>
      <P class=Chart
      style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 172.6pt; POSITION: absolute; TOP: 127.39pt; WIDTH: 37.8pt">the
      Skunk</P><v:shape
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px"
      title="Albert the Rat has an exploded sector!" coordsize = "4320,3240"
      fillcolor = "#dbeddb" strokeweight = ".5pt" path =
      "m2754,913ae2754,913,714,714,-15846605,2405171xe"></v:shape><v:polyline
      points = "2158,348,2288,471" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 155.6pt; POSITION: absolute; TOP: 30.79pt; WIDTH: 58.8pt">Albert
      the Rat</P><v:shape
      style="HEIGHT: 3240px; POSITION: absolute; WIDTH: 4320px" coordsize =
      "4320,3240" fillcolor = "#c58bc5" strokeweight = ".5pt" path =
      "m2910,1060ae2910,1060,714,714,-17694720,1848115xe"></v:shape><v:polyline
      points = "2710,264,2753,437" filled = "f" strokecolor = "black"
      strokeweight = ".6pt"><v:stroke joinstyle = "round" endcap =
      "round"></v:stroke><v:fill></v:fill></v:polyline>
      <P class=Chart
      style="FONT-SIZE: 7pt; HEIGHT: 5.81pt; LEFT: 252.8pt; POSITION: absolute; TOP: 22.29pt; WIDTH: 16.8pt">Bill</P></v:group></DIV>  
  </TD></TR>
  </TBODY></TABLE></BODY></HTML>
</body>
</html>
[/code]

2005-9-23 09:20 zhangaili
看了,顶了,走了!

2006-1-13 14:31 jinhuatang
最近郁闷,浏览器看不见vml

2006-1-26 13:01 yangwudong
这个挺好,我挺喜欢的!

2007-11-29 16:19 longman
听好玩

2008-1-15 20:40 prolove
一点也不好玩! 不好不强大也不黄

页: [1]
查看完整版本: vml 饼图


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.