vml图表.htm

采用微软的VML实现图表功能

style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 44.25pt; TOP: auto; HEIGHT: 21.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>雅猫</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:rect 
id=_x0000_s1040 
style="Z-INDEX: 1; LEFT: 580px; WIDTH: 30px; POSITION: absolute; TOP: 753px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#cff4f3"><v:fill rotate = "t" 
type = "gradient" color2 = "#3cc" focus = "100%"></v:fill></v:rect><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 610px; WIDTH: 60px; POSITION: absolute; TOP: 750px; HEIGHT: 30px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 44.25pt; TOP: auto; HEIGHT: 21.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>9.94%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 525px; WIDTH: 60px; POSITION: absolute; TOP: 780px; HEIGHT: 30px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 44.25pt; TOP: auto; HEIGHT: 21.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>2587</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:rect 
id=_x0000_s1040 
style="Z-INDEX: 1; LEFT: 580px; WIDTH: 30px; POSITION: absolute; TOP: 783px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#d9d9e5"><v:fill rotate = "t" 
type = "gradient" color2 = "#669" focus = "100%"></v:fill></v:rect><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 610px; WIDTH: 60px; POSITION: absolute; TOP: 780px; HEIGHT: 30px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 44.25pt; TOP: auto; HEIGHT: 21.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>20.25%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 525px; WIDTH: 60px; POSITION: absolute; TOP: 810px; HEIGHT: 30px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 44.25pt; TOP: auto; HEIGHT: 21.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>瞎想</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:rect 
id=_x0000_s1040 
style="Z-INDEX: 1; LEFT: 580px; WIDTH: 30px; POSITION: absolute; TOP: 813px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#ffc7ab"><v:fill rotate = "t" 
type = "gradient" color2 = "#930" focus = "100%"></v:fill></v:rect><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 610px; WIDTH: 60px; POSITION: absolute; TOP: 810px; HEIGHT: 30px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 44.25pt; TOP: auto; HEIGHT: 21.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>23.41%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 525px; WIDTH: 60px; POSITION: absolute; TOP: 840px; HEIGHT: 30px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 44.25pt; TOP: auto; HEIGHT: 21.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>千秒</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:rect 
id=_x0000_s1040 
style="Z-INDEX: 1; LEFT: 580px; WIDTH: 30px; POSITION: absolute; TOP: 843px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#ecffb7"><v:fill rotate = "t" 
type = "gradient" color2 = "#9c0" focus = "100%"></v:fill></v:rect><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 610px; WIDTH: 60px; POSITION: absolute; TOP: 840px; HEIGHT: 30px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 44.25pt; TOP: auto; HEIGHT: 21.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>13.26%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 340px; WIDTH: 250px; POSITION: absolute; TOP: 1000px; HEIGHT: 250px" 
coordsize = "1500,1400" alt = "" o:spt = "100" fillcolor = "#d1ffd1" strokecolor 
= "white" path = " m750,700 ae750,700,750,700,0,781871 x e" adj = "0,,0"><v:fill 
rotate = "t" type = "gradient" color2 = "lime" focus = "100%"></v:fill><v:stroke 
joinstyle = "round"></v:stroke><v:formulas></v:formulas><v:path o:connecttype = 
"segments"></v:path></v:shape><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 340px; WIDTH: 250px; POSITION: absolute; TOP: 1000px; HEIGHT: 250px" 
coordsize = "1500,1400" alt = "" o:spt = "100" fillcolor = "#fbb" strokecolor = 
"white" path = " m750,700 ae750,700,750,700,781871,3127484 x e" adj = 
"0,,0"><v:fill rotate = "t" type = "gradient" color2 = "red" focus = 
"100%"></v:fill><v:stroke joinstyle = 
"round"></v:stroke><v:formulas></v:formulas><v:path o:connecttype = 
"segments"></v:path></v:shape><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 340px; WIDTH: 250px; POSITION: absolute; TOP: 1000px; HEIGHT: 250px" 
coordsize = "1500,1400" alt = "" o:spt = "100" fillcolor = "#ffe3bb" strokecolor 
= "white" path = " m750,700 ae750,700,750,700,3909355,3909355 x e" adj = 
"0,,0"><v:fill rotate = "t" type = "gradient" color2 = "#f90" focus = 
"100%"></v:fill><v:stroke joinstyle = 
"round"></v:stroke><v:formulas></v:formulas><v:path o:connecttype = 
"segments"></v:path></v:shape><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 340px; WIDTH: 250px; POSITION: absolute; TOP: 1000px; HEIGHT: 250px" 
coordsize = "1500,1400" alt = "" o:spt = "100" fillcolor = "#cff4f3" strokecolor 
= "white" path = " m750,700 ae750,700,750,700,7818710,2345613 x e" adj = 
"0,,0"><v:fill rotate = "t" type = "gradient" color2 = "#3cc" focus = 
"100%"></v:fill><v:stroke joinstyle = 
"round"></v:stroke><v:formulas></v:formulas><v:path o:connecttype = 
"segments"></v:path></v:shape><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 340px; WIDTH: 250px; POSITION: absolute; TOP: 1000px; HEIGHT: 250px" 
coordsize = "1500,1400" alt = "" o:spt = "100" fillcolor = "#d9d9e5" strokecolor 
= "white" path = " m750,700 ae750,700,750,700,10164324,4777232 x e" adj = 
"0,,0"><v:fill rotate = "t" type = "gradient" color2 = "#669" focus = 
"100%"></v:fill><v:stroke joinstyle = 
"round"></v:stroke><v:formulas></v:formulas><v:path o:connecttype = 
"segments"></v:path></v:shape><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 340px; WIDTH: 250px; POSITION: absolute; TOP: 1000px; HEIGHT: 250px" 
coordsize = "1500,1400" alt = "" o:spt = "100" fillcolor = "#ffc7ab" strokecolor 
= "white" path = " m750,700 ae750,700,750,700,14941556,5523919 x e" adj = 
"0,,0"><v:fill rotate = "t" type = "gradient" color2 = "#930" focus = 
"100%"></v:fill><v:stroke joinstyle = 
"round"></v:stroke><v:formulas></v:formulas><v:path o:connecttype = 
"segments"></v:path></v:shape><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 340px; WIDTH: 250px; POSITION: absolute; TOP: 1000px; HEIGHT: 250px" 
coordsize = "1500,1400" alt = "" o:spt = "100" fillcolor = "#ecffb7" strokecolor 
= "white" path = " m750,700 ae750,700,750,700,20465475,3127484 x e" adj = 
"0,,0"><v:fill rotate = "t" type = "gradient" color2 = "#9c0" focus = 
"100%"></v:fill><v:stroke joinstyle = 
"round"></v:stroke><v:formulas></v:formulas><v:path o:connecttype = 
"segments"></v:path></v:shape><v:oval id=_x0000_s1027 
style="Z-INDEX: 2; LEFT: 556px; WIDTH: 4px; POSITION: absolute; TOP: 1113px; HEIGHT: 4px" 
coordsize = "21600,21600" fillcolor = "#111" strokecolor = 
"#111"></v:oval><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "418.625pt,836.5pt" to = "488.625pt,829.125pt" alt = "" strokecolor = 
"#111" strokeweight = ".75pt"></v:line><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "488.625pt,829.125pt" to = "503.625pt,829.125pt" alt = "" strokecolor = 
"#111" strokeweight = ".75pt"></v:line><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 671px; WIDTH: 100px; POSITION: absolute; TOP: 1095px; HEIGHT: 20px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 74.25pt; TOP: auto; HEIGHT: 14.25pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>51下岗 3.31%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:oval 
id=_x0000_s1027 
style="Z-INDEX: 2; LEFT: 539px; WIDTH: 4px; POSITION: absolute; TOP: 1068px; HEIGHT: 4px" 
coordsize = "21600,21600" fillcolor = "#111" strokecolor = 
"#111"></v:oval><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "405.75pt,802.625pt" to = "462.875pt,761.5pt" alt = "" strokecolor = 
"#111" strokeweight = ".75pt"></v:line><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "462.875pt,761.5pt" to = "477.875pt,761.5pt" alt = "" strokecolor = 
"#111" strokeweight = ".75pt"></v:line><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 637px; WIDTH: 100px; POSITION: absolute; TOP: 1005px; HEIGHT: 20px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 74.25pt; TOP: auto; HEIGHT: 14.25pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>旧浪 13.26%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:oval 
id=_x0000_s1027 
style="Z-INDEX: 2; LEFT: 463px; WIDTH: 4px; POSITION: absolute; TOP: 1029px; HEIGHT: 4px" 
coordsize = "21600,21600" fillcolor = "#111" strokecolor = 
"#111"></v:oval><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "349.375pt,773.5pt" to = "350pt,703.125pt" alt = "" strokecolor = "#111" 
strokeweight = ".75pt"></v:line><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "350pt,703.125pt" to = "365pt,703.125pt" alt = "" strokecolor = "#111" 
strokeweight = ".75pt"></v:line><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 486px; WIDTH: 100px; POSITION: absolute; TOP: 927px; HEIGHT: 20px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 74.25pt; TOP: auto; HEIGHT: 14.25pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>网难 16.57%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:oval 
id=_x0000_s1027 
style="Z-INDEX: 2; LEFT: 394px; WIDTH: 4px; POSITION: absolute; TOP: 1059px; HEIGHT: 4px" 
coordsize = "21600,21600" fillcolor = "#111" strokecolor = 
"#111"></v:oval><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "297.125pt,796pt" to = "245.625pt,748.25pt" alt = "" strokecolor = "#111" 
strokeweight = ".75pt"></v:line><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "245.625pt,748.25pt" to = "230.625pt,748.25pt" alt = "" strokecolor = 
"#111" strokeweight = ".75pt"></v:line><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 207px; WIDTH: 100px; POSITION: absolute; TOP: 987px; HEIGHT: 20px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 74.25pt; TOP: auto; HEIGHT: 14.25pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=left>雅猫 9.94%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:oval 
id=_x0000_s1027 
style="Z-INDEX: 2; LEFT: 371px; WIDTH: 4px; POSITION: absolute; TOP: 1141px; HEIGHT: 4px" 
coordsize = "21600,21600" fillcolor = "#111" strokecolor = 
"#111"></v:oval><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "279.875pt,857.875pt" to = "211pt,871.875pt" alt = "" strokecolor = 
"#111" strokeweight = ".75pt"></v:line><v:line id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left" 
from = "211pt,871.875pt" to = "196pt,871.875pt" alt = "" strokecolor = "#111" 
strokeweight = ".75pt"></v:line><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 161px; WIDTH: 100px; POSITION: absolute; TOP: 1152px; HEIGHT: 20px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 74.25pt; TOP: auto; HEIGHT: 14.25pt"