vml图表.htm

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

coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 51.75pt; TOP: auto; HEIGHT: 12.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=right>网难</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:rect 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 270px; WIDTH: 160px; POSITION: absolute; TOP: 405px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#3cc"><v:fill rotate = "t" type 
= "gradient" color2 = "#cff4f3" angle = "-90" focus = 
"100%"></v:fill><o:extrusion v:ext="view" on = "t" backdepth = "20pt" color = 
"#3cc"></o:extrusion></v:rect><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 440px; WIDTH: 30px; POSITION: absolute; TOP: 405px; HEIGHT: 18px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 21.75pt; TOP: auto; HEIGHT: 12.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=middle>600</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 200px; WIDTH: 70px; POSITION: absolute; TOP: 405px; HEIGHT: 18px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 51.75pt; TOP: auto; HEIGHT: 12.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=right>雅猫</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:rect 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 270px; WIDTH: 325px; POSITION: absolute; TOP: 440px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#669"><v:fill rotate = "t" type 
= "gradient" color2 = "#d9d9e5" angle = "-90" focus = 
"100%"></v:fill><o:extrusion v:ext="view" on = "t" backdepth = "20pt" color = 
"#669"></o:extrusion></v:rect><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 605px; WIDTH: 30px; POSITION: absolute; TOP: 440px; HEIGHT: 18px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 21.75pt; TOP: auto; HEIGHT: 12.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=middle>1222</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 200px; WIDTH: 70px; POSITION: absolute; TOP: 440px; HEIGHT: 18px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 51.75pt; TOP: auto; HEIGHT: 12.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=right>2587</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:rect 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 270px; WIDTH: 376px; POSITION: absolute; TOP: 476px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#930"><v:fill rotate = "t" type 
= "gradient" color2 = "#ffc7ab" angle = "-90" focus = 
"100%"></v:fill><o:extrusion v:ext="view" on = "t" backdepth = "20pt" color = 
"#930"></o:extrusion></v:rect><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 656px; WIDTH: 30px; POSITION: absolute; TOP: 476px; HEIGHT: 18px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 21.75pt; TOP: auto; HEIGHT: 12.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=middle>1413</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 200px; WIDTH: 70px; POSITION: absolute; TOP: 476px; HEIGHT: 18px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 51.75pt; TOP: auto; HEIGHT: 12.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=right>瞎想</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:rect 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 270px; WIDTH: 213px; POSITION: absolute; TOP: 512px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#4c0"><v:fill rotate = "t" type 
= "gradient" color2 = "#ecffb7" angle = "-90" focus = 
"100%"></v:fill><o:extrusion v:ext="view" on = "t" backdepth = "20pt" color = 
"#4c0"></o:extrusion></v:rect><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 493px; WIDTH: 30px; POSITION: absolute; TOP: 512px; HEIGHT: 18px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 21.75pt; TOP: auto; HEIGHT: 12.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=middle>800</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 200px; WIDTH: 70px; POSITION: absolute; TOP: 512px; HEIGHT: 18px" 
coordsize = "1000,1000" alt = ""><v:textbox 
style="MARGIN-TOP: 0.375pt; LEFT: auto; MARGIN-LEFT: 0.375pt; WIDTH: 51.75pt; TOP: auto; HEIGHT: 12.75pt" 
inset = "0,0,0,0">
<TABLE height="100%" cellSpacing=3 cellPadding=0 width="100%">
  <TBODY>
  <TR>
    <TD align=right>千秒</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 250px; WIDTH: 250px; POSITION: absolute; TOP: 630px; 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: 250px; WIDTH: 250px; POSITION: absolute; TOP: 630px; 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: 250px; WIDTH: 250px; POSITION: absolute; TOP: 630px; 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: 250px; WIDTH: 250px; POSITION: absolute; TOP: 630px; 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: 250px; WIDTH: 250px; POSITION: absolute; TOP: 630px; 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: 250px; WIDTH: 250px; POSITION: absolute; TOP: 630px; 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: 250px; WIDTH: 250px; POSITION: absolute; TOP: 630px; 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:rect id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 520px; WIDTH: 150px; POSITION: absolute; TOP: 650px; HEIGHT: 230px" 
coordsize = "21600,21600"></v:rect><v:shape id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 525px; WIDTH: 60px; POSITION: absolute; TOP: 660px; 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>51下岗</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:rect 
id=_x0000_s1040 
style="Z-INDEX: 1; LEFT: 580px; WIDTH: 30px; POSITION: absolute; TOP: 663px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#d1ffd1"><v:fill rotate = "t" 
type = "gradient" color2 = "lime" focus = "100%"></v:fill></v:rect><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 610px; WIDTH: 60px; POSITION: absolute; TOP: 660px; 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>3.31%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 525px; WIDTH: 60px; POSITION: absolute; TOP: 690px; 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: 693px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#fbb"><v:fill rotate = "t" type 
= "gradient" color2 = "red" focus = "100%"></v:fill></v:rect><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 610px; WIDTH: 60px; POSITION: absolute; TOP: 690px; 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: 525px; WIDTH: 60px; POSITION: absolute; TOP: 720px; 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: 723px; HEIGHT: 20px" 
coordsize = "21600,21600" alt = "" fillcolor = "#ffe3bb"><v:fill rotate = "t" 
type = "gradient" color2 = "#f90" focus = "100%"></v:fill></v:rect><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 610px; WIDTH: 60px; POSITION: absolute; TOP: 720px; 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>16.57%</TD></TR></TBODY></TABLE></v:textbox></v:shape><v:shape 
id=_x0000_s1025 
style="Z-INDEX: 1; LEFT: 525px; WIDTH: 60px; POSITION: absolute; TOP: 750px; HEIGHT: 30px" 
coordsize = "1000,1000" alt = ""><v:textbox