带SVG统计图的报表实现（附svg部分页面源代码）

标签：报表统计图   svg统计图   移动客户端显示   集算报表   svg源代码   

        SVG作为一种矢量图形，具有任意缩放而不失真、可以被高质量打印、文件较小、交互性强等特性，成为当前一种主流的图片格式。润乾集算报表可以生成SVG格式的统计图，在HTML5中可以直接嵌入SVG统计图，方便用户在PC或移动端查看。

制作报表

        1、 连接数据源

        打开集算报表设计器，菜单栏选择工具-数据源，在弹出的数据源编辑窗口中新建数据源或连接现有数据源，这里使用默认的demo数据源。

        2、 新建报表

        菜单栏选择文件-新建报表，点击“生成空白报表”，新建一个空白报表。

         3、设置数据集

        菜单栏选择报表-数据集，数据集类型选择“SQL检索”，在弹出的SQL编辑器窗口中，选择“语法”页，输入查询SQL语句，也可以通过其他标签页通过可视化界面进行字段选择、检索条件设置等。

        4、 编辑报表模板和表达式

        在新建的报表模板中设置报表样式以及表达式：

        根据学生成绩表，按照姓名和科目分组，统计各个班级每个科目的平局成绩。预览结果（部分）：

        5、 生成SVG统计图

        在上述模板中追加行，并设置合并格，右键A4格，选择“统计图”，统计图类型选择柱形图，分别设置分类轴和系列，如下图：

        切换到“图形特性”选项卡，在图形格式中选择“SVG”格式，如下图：

        设置完成后，报表模板及其表达式如下：

        展现报表

        在报表设计器中，选择工具栏中的“预览报表” ，即可在设计器中查看报表展现结果。

        此外，集算报表设计器内置了Tomcat，允许用户将报表发布到web端查看页面效果，点击工具栏右上角的IE图标 ，设置报表主目录（可采用默认），完成报表发布。

IE10中预览效果

        另外，报表也可以在移动端浏览：

【附】PC端页面源代码（SVG统计图部分）

<td colSpan=4 class="report1_6"><svg viewBox="0,0,748,277" width="748" height="277" xmlns:xlink="http://www.w3.org/1999/xlink" style="fill-opacity:1; color-rendering:auto; color-interpolation:auto; stroke:black; text-rendering:auto; stroke-linecap:square; stroke-miterlimit:10; stroke-opacity:1; shape-rendering:auto; fill:black; stroke-dasharray:none; font-weight:normal; stroke-width:1; font-family:'Dialog'; font-style:normal; stroke-linejoin:miter; font-size:12; stroke-dashoffset:0; image-rendering:auto;" xmlns="http://www.w3.org/2000/svg"
><!--Generated by the Batik Graphics2D SVG Generator--><defs id="genericDefs"
  /><g
  ><defs id="defs1"
    ><linearGradient x1="690" gradientUnits="userSpaceOnUse" x2="694" y1="117" y2="117" id="linearGradient1" spreadMethod="reflect"
      ><stop style="stop-opacity:1; stop-color:rgb(185,112,52);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(252,218,190);" offset="100%"
      /></linearGradient
      ><linearGradient x1="690" gradientUnits="userSpaceOnUse" x2="694" y1="133" y2="133" id="linearGradient2" spreadMethod="reflect"
      ><stop style="stop-opacity:1; stop-color:rgb(56,129,148);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(192,226,235);" offset="100%"
      /></linearGradient
      ><linearGradient x1="690" gradientUnits="userSpaceOnUse" x2="694" y1="149" y2="149" id="linearGradient3" spreadMethod="reflect"
      ><stop style="stop-opacity:1; stop-color:rgb(96,75,121);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(211,201,223);" offset="100%"
      /></linearGradient
      ><linearGradient x1="60" gradientUnits="userSpaceOnUse" x2="676" y1="121" y2="121" id="linearGradient4" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:white;" offset="0%"
        /><stop style="stop-opacity:1; stop-color:white;" offset="100%"
      /></linearGradient
      ><linearGradient x1="666" gradientUnits="userSpaceOnUse" x2="666" y1="228" y2="257" id="linearGradient5" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(96,96,96);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(44,44,44);" offset="100%"
      /></linearGradient
      ><linearGradient x1="676" gradientUnits="userSpaceOnUse" x2="41" y1="237" y2="237" id="linearGradient6" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(211,211,211);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(108,108,108);" offset="100%"
      /></linearGradient
      ><linearGradient x1="349" gradientUnits="userSpaceOnUse" x2="349" y1="247" y2="257" id="linearGradient7" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,185,185);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(83,83,83);" offset="100%"
      /></linearGradient
      ><linearGradient x1="50" gradientUnits="userSpaceOnUse" x2="50" y1="15" y2="247" id="linearGradient8" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(211,211,211);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(108,108,108);" offset="100%"
      /></linearGradient
      ><linearGradient x1="60" gradientUnits="userSpaceOnUse" x2="31" y1="24" y2="24" id="linearGradient9" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(96,96,96);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(44,44,44);" offset="100%"
      /></linearGradient
      ><linearGradient x1="41" gradientUnits="userSpaceOnUse" x2="31" y1="140" y2="140" id="linearGradient10" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,185,185);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(83,83,83);" offset="100%"
      /></linearGradient
      ><linearGradient x1="132" gradientUnits="userSpaceOnUse" x2="132" y1="173" y2="247" id="linearGradient11" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,112,52);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(86,52,24);" offset="100%"
      /></linearGradient
      ><linearGradient x1="142" gradientUnits="userSpaceOnUse" x2="84" y1="182" y2="182" id="linearGradient12" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(252,218,190);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(209,127,59);" offset="100%"
      /></linearGradient
      ><linearGradient x1="103" gradientUnits="userSpaceOnUse" x2="103" y1="192" y2="247" id="linearGradient13" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(251,197,153);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(160,97,45);" offset="100%"
      /></linearGradient
      ><linearGradient x1="132" gradientUnits="userSpaceOnUse" x2="132" y1="113" y2="192" id="linearGradient14" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(56,129,148);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(26,60,69);" offset="100%"
      /></linearGradient
      ><linearGradient x1="142" gradientUnits="userSpaceOnUse" x2="84" y1="122" y2="122" id="linearGradient15" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(192,226,235);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(63,146,168);" offset="100%"
      /></linearGradient
      ><linearGradient x1="103" gradientUnits="userSpaceOnUse" x2="103" y1="132" y2="192" id="linearGradient16" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(156,209,224);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(48,111,128);" offset="100%"
      /></linearGradient
      ><linearGradient x1="132" gradientUnits="userSpaceOnUse" x2="132" y1="64" y2="132" id="linearGradient17" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(96,75,121);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(44,34,56);" offset="100%"
      /></linearGradient
      ><linearGradient x1="142" gradientUnits="userSpaceOnUse" x2="84" y1="73" y2="73" id="linearGradient18" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(211,201,223);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(108,85,137);" offset="100%"
      /></linearGradient
      ><linearGradient x1="103" gradientUnits="userSpaceOnUse" x2="103" y1="83" y2="132" id="linearGradient19" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,170,204);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(83,64,105);" offset="100%"
      /></linearGradient
      ><linearGradient x1="214" gradientUnits="userSpaceOnUse" x2="214" y1="171" y2="247" id="linearGradient20" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,112,52);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(86,52,24);" offset="100%"
      /></linearGradient
      ><linearGradient x1="224" gradientUnits="userSpaceOnUse" x2="166" y1="180" y2="180" id="linearGradient21" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(252,218,190);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(209,127,59);" offset="100%"
      /></linearGradient
      ><linearGradient x1="185" gradientUnits="userSpaceOnUse" x2="185" y1="190" y2="247" id="linearGradient22" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(251,197,153);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(160,97,45);" offset="100%"
      /></linearGradient
      ><linearGradient x1="214" gradientUnits="userSpaceOnUse" x2="214" y1="113" y2="190" id="linearGradient23" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(56,129,148);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(26,60,69);" offset="100%"
      /></linearGradient
      ><linearGradient x1="224" gradientUnits="userSpaceOnUse" x2="166" y1="122" y2="122" id="linearGradient24" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(192,226,235);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(63,146,168);" offset="100%"
      /></linearGradient
      ><linearGradient x1="185" gradientUnits="userSpaceOnUse" x2="185" y1="132" y2="190" id="linearGradient25" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(156,209,224);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(48,111,128);" offset="100%"
      /></linearGradient
      ><linearGradient x1="214" gradientUnits="userSpaceOnUse" x2="214" y1="44" y2="132" id="linearGradient26" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(96,75,121);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(44,34,56);" offset="100%"
      /></linearGradient
      ><linearGradient x1="224" gradientUnits="userSpaceOnUse" x2="166" y1="53" y2="53" id="linearGradient27" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(211,201,223);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(108,85,137);" offset="100%"
      /></linearGradient
      ><linearGradient x1="185" gradientUnits="userSpaceOnUse" x2="185" y1="63" y2="132" id="linearGradient28" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,170,204);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(83,64,105);" offset="100%"
      /></linearGradient
      ><linearGradient x1="296" gradientUnits="userSpaceOnUse" x2="296" y1="167" y2="247" id="linearGradient29" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,112,52);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(86,52,24);" offset="100%"
      /></linearGradient
      ><linearGradient x1="306" gradientUnits="userSpaceOnUse" x2="248" y1="176" y2="176" id="linearGradient30" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(252,218,190);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(209,127,59);" offset="100%"
      /></linearGradient
      ><linearGradient x1="267" gradientUnits="userSpaceOnUse" x2="267" y1="186" y2="247" id="linearGradient31" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(251,197,153);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(160,97,45);" offset="100%"
      /></linearGradient
      ><linearGradient x1="296" gradientUnits="userSpaceOnUse" x2="296" y1="114" y2="186" id="linearGradient32" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(56,129,148);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(26,60,69);" offset="100%"
      /></linearGradient
      ><linearGradient x1="306" gradientUnits="userSpaceOnUse" x2="248" y1="123" y2="123" id="linearGradient33" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(192,226,235);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(63,146,168);" offset="100%"
      /></linearGradient
      ><linearGradient x1="267" gradientUnits="userSpaceOnUse" x2="267" y1="133" y2="186" id="linearGradient34" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(156,209,224);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(48,111,128);" offset="100%"
      /></linearGradient
      ><linearGradient x1="296" gradientUnits="userSpaceOnUse" x2="296" y1="66" y2="133" id="linearGradient35" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(96,75,121);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(44,34,56);" offset="100%"
      /></linearGradient
      ><linearGradient x1="306" gradientUnits="userSpaceOnUse" x2="248" y1="75" y2="75" id="linearGradient36" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(211,201,223);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(108,85,137);" offset="100%"
      /></linearGradient
      ><linearGradient x1="267" gradientUnits="userSpaceOnUse" x2="267" y1="85" y2="133" id="linearGradient37" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,170,204);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(83,64,105);" offset="100%"
      /></linearGradient
      ><linearGradient x1="378" gradientUnits="userSpaceOnUse" x2="378" y1="183" y2="247" id="linearGradient38" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,112,52);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(86,52,24);" offset="100%"
      /></linearGradient
      ><linearGradient x1="388" gradientUnits="userSpaceOnUse" x2="330" y1="192" y2="192" id="linearGradient39" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(252,218,190);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(209,127,59);" offset="100%"
      /></linearGradient
      ><linearGradient x1="349" gradientUnits="userSpaceOnUse" x2="349" y1="202" y2="247" id="linearGradient40" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(251,197,153);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(160,97,45);" offset="100%"
      /></linearGradient
      ><linearGradient x1="378" gradientUnits="userSpaceOnUse" x2="378" y1="115" y2="202" id="linearGradient41" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(56,129,148);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(26,60,69);" offset="100%"
      /></linearGradient
      ><linearGradient x1="388" gradientUnits="userSpaceOnUse" x2="330" y1="124" y2="124" id="linearGradient42" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(192,226,235);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(63,146,168);" offset="100%"
      /></linearGradient
      ><linearGradient x1="349" gradientUnits="userSpaceOnUse" x2="349" y1="134" y2="202" id="linearGradient43" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(156,209,224);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(48,111,128);" offset="100%"
      /></linearGradient
      ><linearGradient x1="378" gradientUnits="userSpaceOnUse" x2="378" y1="57" y2="134" id="linearGradient44" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(96,75,121);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(44,34,56);" offset="100%"
      /></linearGradient
      ><linearGradient x1="388" gradientUnits="userSpaceOnUse" x2="330" y1="66" y2="66" id="linearGradient45" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(211,201,223);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(108,85,137);" offset="100%"
      /></linearGradient
      ><linearGradient x1="349" gradientUnits="userSpaceOnUse" x2="349" y1="76" y2="134" id="linearGradient46" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,170,204);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(83,64,105);" offset="100%"
      /></linearGradient
      ><linearGradient x1="460" gradientUnits="userSpaceOnUse" x2="460" y1="185" y2="247" id="linearGradient47" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,112,52);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(86,52,24);" offset="100%"
      /></linearGradient
      ><linearGradient x1="470" gradientUnits="userSpaceOnUse" x2="412" y1="194" y2="194" id="linearGradient48" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(252,218,190);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(209,127,59);" offset="100%"
      /></linearGradient
      ><linearGradient x1="431" gradientUnits="userSpaceOnUse" x2="431" y1="204" y2="247" id="linearGradient49" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(251,197,153);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(160,97,45);" offset="100%"
      /></linearGradient
      ><linearGradient x1="460" gradientUnits="userSpaceOnUse" x2="460" y1="134" y2="204" id="linearGradient50" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(56,129,148);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(26,60,69);" offset="100%"
      /></linearGradient
      ><linearGradient x1="470" gradientUnits="userSpaceOnUse" x2="412" y1="143" y2="143" id="linearGradient51" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(192,226,235);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(63,146,168);" offset="100%"
      /></linearGradient
      ><linearGradient x1="431" gradientUnits="userSpaceOnUse" x2="431" y1="153" y2="204" id="linearGradient52" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(156,209,224);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(48,111,128);" offset="100%"
      /></linearGradient
      ><linearGradient x1="460" gradientUnits="userSpaceOnUse" x2="460" y1="69" y2="153" id="linearGradient53" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(96,75,121);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(44,34,56);" offset="100%"
      /></linearGradient
      ><linearGradient x1="470" gradientUnits="userSpaceOnUse" x2="412" y1="78" y2="78" id="linearGradient54" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(211,201,223);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(108,85,137);" offset="100%"
      /></linearGradient
      ><linearGradient x1="431" gradientUnits="userSpaceOnUse" x2="431" y1="88" y2="153" id="linearGradient55" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,170,204);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(83,64,105);" offset="100%"
      /></linearGradient
      ><linearGradient x1="542" gradientUnits="userSpaceOnUse" x2="542" y1="179" y2="247" id="linearGradient56" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,112,52);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(86,52,24);" offset="100%"
      /></linearGradient
      ><linearGradient x1="552" gradientUnits="userSpaceOnUse" x2="494" y1="188" y2="188" id="linearGradient57" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(252,218,190);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(209,127,59);" offset="100%"
      /></linearGradient
      ><linearGradient x1="513" gradientUnits="userSpaceOnUse" x2="513" y1="198" y2="247" id="linearGradient58" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(251,197,153);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(160,97,45);" offset="100%"
      /></linearGradient
      ><linearGradient x1="542" gradientUnits="userSpaceOnUse" x2="542" y1="115" y2="198" id="linearGradient59" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(56,129,148);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(26,60,69);" offset="100%"
      /></linearGradient
      ><linearGradient x1="552" gradientUnits="userSpaceOnUse" x2="494" y1="124" y2="124" id="linearGradient60" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(192,226,235);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(63,146,168);" offset="100%"
      /></linearGradient
      ><linearGradient x1="513" gradientUnits="userSpaceOnUse" x2="513" y1="134" y2="198" id="linearGradient61" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(156,209,224);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(48,111,128);" offset="100%"
      /></linearGradient
      ><linearGradient x1="542" gradientUnits="userSpaceOnUse" x2="542" y1="64" y2="134" id="linearGradient62" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(96,75,121);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(44,34,56);" offset="100%"
      /></linearGradient
      ><linearGradient x1="552" gradientUnits="userSpaceOnUse" x2="494" y1="73" y2="73" id="linearGradient63" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(211,201,223);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(108,85,137);" offset="100%"
      /></linearGradient
      ><linearGradient x1="513" gradientUnits="userSpaceOnUse" x2="513" y1="83" y2="134" id="linearGradient64" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,170,204);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(83,64,105);" offset="100%"
      /></linearGradient
      ><linearGradient x1="624" gradientUnits="userSpaceOnUse" x2="624" y1="164" y2="247" id="linearGradient65" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,112,52);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(86,52,24);" offset="100%"
      /></linearGradient
      ><linearGradient x1="634" gradientUnits="userSpaceOnUse" x2="576" y1="173" y2="173" id="linearGradient66" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(252,218,190);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(209,127,59);" offset="100%"
      /></linearGradient
      ><linearGradient x1="595" gradientUnits="userSpaceOnUse" x2="595" y1="183" y2="247" id="linearGradient67" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(251,197,153);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(160,97,45);" offset="100%"
      /></linearGradient
      ><linearGradient x1="624" gradientUnits="userSpaceOnUse" x2="624" y1="111" y2="183" id="linearGradient68" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(56,129,148);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(26,60,69);" offset="100%"
      /></linearGradient
      ><linearGradient x1="634" gradientUnits="userSpaceOnUse" x2="576" y1="120" y2="120" id="linearGradient69" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(192,226,235);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(63,146,168);" offset="100%"
      /></linearGradient
      ><linearGradient x1="595" gradientUnits="userSpaceOnUse" x2="595" y1="130" y2="183" id="linearGradient70" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(156,209,224);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(48,111,128);" offset="100%"
      /></linearGradient
      ><linearGradient x1="624" gradientUnits="userSpaceOnUse" x2="624" y1="68" y2="130" id="linearGradient71" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(96,75,121);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(44,34,56);" offset="100%"
      /></linearGradient
      ><linearGradient x1="634" gradientUnits="userSpaceOnUse" x2="576" y1="77" y2="77" id="linearGradient72" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(211,201,223);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(108,85,137);" offset="100%"
      /></linearGradient
      ><linearGradient x1="595" gradientUnits="userSpaceOnUse" x2="595" y1="87" y2="130" id="linearGradient73" spreadMethod="pad"
      ><stop style="stop-opacity:1; stop-color:rgb(185,170,204);" offset="0%"
        /><stop style="stop-opacity:1; stop-color:rgb(83,64,105);" offset="100%"
      /></linearGradient
    ></defs
    ><g style="fill:white; stroke:white;"
    ><rect x="0" width="748" height="275" y="0" style="stroke:none;"
    /></g
    ><g style="stroke-linejoin:round; stroke-linecap:round; stroke-miterlimit:0.1;"
    ><rect x="686" width="44" height="48" y="113" style="fill:none;"
      /><rect x="690" y="117" width="8" style="fill:url(#linearGradient1); stroke:none;" height="8"
    /></g
    ><g style="stroke-width:0.1;"
    ><rect x="690" width="8" height="8" y="117" style="fill:none;"
      /><text x="704" xml:space="preserve" y="125" style="font-family:'宋体'; stroke:none;"
      >数学</text
    ></g
    ><g style="fill:url(#linearGradient2); stroke-width:0; font-family:'宋体'; stroke:url(#linearGradient2);"
    ><rect x="690" width="8" height="8" y="133" style="stroke:none;"
      /><rect x="690" y="133" width="8" style="fill:none; stroke:black; stroke-width:0.1;" height="8"
      /><text x="704" y="141" style="fill:black; stroke-width:0.1; stroke:none;" xml:space="preserve"
      >英语</text
      ><rect x="690" y="149" width="8" style="fill:url(#linearGradient3); stroke:none;" height="8"
      /><rect x="690" y="149" width="8" style="fill:none; stroke:black; stroke-width:0.1;" height="8"
      /><text x="704" y="157" style="fill:black; stroke-width:0.1; stroke:none;" xml:space="preserve"
      >语文</text
      ><rect x="60" y="15" width="616" style="fill:url(#linearGradient4); stroke:none;" height="213"
      /><line x1="60" x2="676" y1="15" style="fill:none; stroke:white; stroke-width:1;" y2="15"
      /><line x1="676" x2="676" y1="228" style="fill:none; stroke:white; stroke-width:1;" y2="15"
      /><polygon style="fill:url(#linearGradient5); stroke-width:1; stroke:none;" points=" 657 247 657 257 676 238 676 228"
      /><polygon style="fill:url(#linearGradient6); stroke-width:1; stroke:none;" points=" 41 247 657 247 676 228 60 228"
      /><rect x="41" y="247" width="616" style="fill:url(#linearGradient7); stroke:none; stroke-width:1;" height="10"
      /><polygon style="fill:url(#linearGradient8); stroke-width:1; stroke:none;" points=" 41 34 41 247 60 228 60 15"
      /><polygon style="fill:url(#linearGradient9); stroke-width:1; stroke:none;" points=" 31 34 41 34 60 15 50 15"
      /><rect x="31" y="34" width="10" style="fill:url(#linearGradient10); stroke:none; stroke-width:1;" height="213"
      /><line x1="27" x2="31" y1="247" style="fill:none; stroke:gray; stroke-width:1;" y2="247"
      /><text x="19" y="251" style="fill:black; stroke-width:1; stroke:none;" xml:space="preserve"
      >0</text
      ><line x1="27" x2="31" y1="225" style="fill:none; stroke:gray; stroke-width:1;" y2="225"
    /></g
    ><g style="stroke-linecap:butt; fill:silver; font-family:'宋体'; stroke-linejoin:bevel; stroke-dasharray:5; stroke:silver; stroke-miterlimit:1;"
    ><line y2="206" style="fill:none;" x1="60" x2="675" y1="206"
      /><line y2="206" style="fill:none;" x1="41" x2="60" y1="225"
      /><text x="13" xml:space="preserve" y="229" style="fill:black; stroke:none;"
      >30</text
    ></g
    ><g style="font-family:'宋体'; fill:gray; stroke:gray;"
    ><line y2="204" style="fill:none;" x1="27" x2="31" y1="204"
    /></g
    ><g style="stroke-linecap:butt; fill:silver; font-family:'宋体'; stroke-linejoin:bevel; stroke-dasharray:5; stroke:silver; stroke-miterlimit:1;"
    ><line y2="185" style="fill:none;" x1="60" x2="675" y1="185"
      /><line y2="185" style="fill:none;" x1="41" x2="60" y1="204"
      /><text x="13" xml:space="preserve" y="208" style="fill:black; stroke:none;"
      >60</text
    ></g
    ><g style="font-family:'宋体'; fill:gray; stroke:gray;"
    ><line y2="182" style="fill:none;" x1="27" x2="31" y1="182"
    /></g
    ><g style="stroke-linecap:butt; fill:silver; font-family:'宋体'; stroke-linejoin:bevel; stroke-dasharray:5; stroke:silver; stroke-miterlimit:1;"
    ><line y2="163" style="fill:none;" x1="60" x2="675" y1="163"
      /><line y2="163" style="fill:none;" x1="41" x2="60" y1="182"
      /><text x="13" xml:space="preserve" y="186" style="fill:black; stroke:none;"
      >90</text
    ></g
    ><g style="font-family:'宋体'; fill:gray; stroke:gray;"
    ><line y2="161" style="fill:none;" x1="27" x2="31" y1="161"
    /></g
    ><g style="stroke-linecap:butt; fill:silver; font-family:'宋体'; stroke-linejoin:bevel; stroke-dasharray:5; stroke:silver; stroke-miterlimit:1;"
    ><line y2="142" style="fill:none;" x1="60" x2="675" y1="142"
      /><line y2="142" style="fill:none;" x1="41" x2="60" y1="161"
      /><text x="7" xml:space="preserve" y="165" style="fill:black; stroke:none;"
      >120</text
    ></g
    ><g style="font-family:'宋体'; fill:gray; stroke:gray;"
    ><line y2="140" style="fill:none;" x1="27" x2="31" y1="140"
    /></g
    ><g style="stroke-linecap:butt; fill:silver; font-family:'宋体'; stroke-linejoin:bevel; stroke-dasharray:5; stroke:silver; stroke-miterlimit:1;"
    ><line y2="121" style="fill:none;" x1="60" x2="675" y1="121"
      /><line y2="121" style="fill:none;" x1="41" x2="60" y1="140"
      /><text x="7" xml:space="preserve" y="144" style="fill:black; stroke:none;"
      >150</text
    ></g
    ><g style="font-family:'宋体'; fill:gray; stroke:gray;"
    ><line y2="118" style="fill:none;" x1="27" x2="31" y1="118"
    /></g
    ><g style="stroke-linecap:butt; fill:silver; font-family:'宋体'; stroke-linejoin:bevel; stroke-dasharray:5; stroke:silver; stroke-miterlimit:1;"
    ><line y2="99" style="fill:none;" x1="60" x2="675" y1="99"
      /><line y2="99" style="fill:none;" x1="41" x2="60" y1="118"
      /><text x="7" xml:space="preserve" y="122" style="fill:black; stroke:none;"
      >180</text
    ></g
    ><g style="font-family:'宋体'; fill:gray; stroke:gray;"
    ><line y2="97" style="fill:none;" x1="27" x2="31" y1="97"
    /></g
    ><g style="stroke-linecap:butt; fill:silver; font-family:'宋体'; stroke-linejoin:bevel; stroke-dasharray:5; stroke:silver; stroke-miterlimit:1;"
    ><line y2="78" style="fill:none;" x1="60" x2="675" y1="78"
      /><line y2="78" style="fill:none;" x1="41" x2="60" y1="97"
      /><text x="7" xml:space="preserve" y="101" style="fill:black; stroke:none;"
      >210</text
    ></g
    ><g style="font-family:'宋体'; fill:gray; stroke:gray;"
    ><line y2="76" style="fill:none;" x1="27" x2="31" y1="76"
    /></g
    ><g style="stroke-linecap:butt; fill:silver; font-family:'宋体'; stroke-linejoin:bevel; stroke-dasharray:5; stroke:silver; stroke-miterlimit:1;"
    ><line y2="57" style="fill:none;" x1="60" x2="675" y1="57"
      /><line y2="57" style="fill:none;" x1="41" x2="60" y1="76"
      /><text x="7" xml:space="preserve" y="80" style="fill:black; stroke:none;"
      >240</text
    ></g
    ><g style="font-family:'宋体'; fill:gray; stroke:gray;"
    ><line y2="54" style="fill:none;" x1="27" x2="31" y1="54"
    /></g
    ><g style="stroke-linecap:butt; fill:silver; font-family:'宋体'; stroke-linejoin:bevel; stroke-dasharray:5; stroke:silver; stroke-miterlimit:1;"
    ><line y2="35" style="fill:none;" x1="60" x2="675" y1="35"
      /><line y2="35" style="fill:none;" x1="41" x2="60" y1="54"
      /><text x="7" xml:space="preserve" y="58" style="fill:black; stroke:none;"
      >270</text
    ></g
    ><g style="font-family:'宋体'; fill:gray; stroke:gray;"
    ><line y2="33" style="fill:none;" x1="27" x2="31" y1="33"
      /><text x="7" xml:space="preserve" y="37" style="fill:black; stroke:none;"
      >300</text
      ><line y2="261" style="fill:none;" x1="103" x2="103" y1="257"
      /><text x="85" xml:space="preserve" y="271" style="fill:black; stroke:none;"
      >徐兆炀</text
      ><polygon style="fill:url(#linearGradient11); stroke-width:0; stroke:none;" points=" 123 192 123 247 142 228 142 173"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 123 192 123 247 142 228 142 173"
      /><polygon style="fill:url(#linearGradient12); stroke:none;" points=" 84 192 123 192 142 173 103 173"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 84 192 123 192 142 173 103 173"
      /><rect x="84" y="192" width="39" style="fill:url(#linearGradient13); stroke:none;" height="55"
      /><rect x="84" y="192" width="39" style="fill:none; stroke:rgb(1,1,1);" height="55"
      /><polygon style="fill:url(#linearGradient14); stroke:none;" points=" 123 132 123 192 142 173 142 113"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 123 132 123 192 142 173 142 113"
      /><polygon style="fill:url(#linearGradient15); stroke:none;" points=" 84 132 123 132 142 113 103 113"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 84 132 123 132 142 113 103 113"
      /><rect x="84" y="132" width="39" style="fill:url(#linearGradient16); stroke:none;" height="60"
      /><rect x="84" y="132" width="39" style="fill:none; stroke:rgb(1,1,1);" height="60"
      /><polygon style="fill:url(#linearGradient17); stroke:none;" points=" 123 83 123 132 142 113 142 64"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 123 83 123 132 142 113 142 64"
      /><polygon style="fill:url(#linearGradient18); stroke:none;" points=" 84 83 123 83 142 64 103 64"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 84 83 123 83 142 64 103 64"
      /><rect x="84" y="83" width="39" style="fill:url(#linearGradient19); stroke:none;" height="49"
      /><rect x="84" y="83" width="39" style="fill:none; stroke:rgb(1,1,1);" height="49"
      /><line y2="261" style="fill:none;" x1="185" x2="185" y1="257"
      /><text x="167" xml:space="preserve" y="271" style="fill:black; stroke:none;"
      >王纯丽</text
      ><polygon style="fill:url(#linearGradient20); stroke-width:0; stroke:none;" points=" 205 190 205 247 224 228 224 171"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 205 190 205 247 224 228 224 171"
      /><polygon style="fill:url(#linearGradient21); stroke:none;" points=" 166 190 205 190 224 171 185 171"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 166 190 205 190 224 171 185 171"
      /><rect x="166" y="190" width="39" style="fill:url(#linearGradient22); stroke:none;" height="57"
      /><rect x="166" y="190" width="39" style="fill:none; stroke:rgb(1,1,1);" height="57"
      /><polygon style="fill:url(#linearGradient23); stroke:none;" points=" 205 132 205 190 224 171 224 113"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 205 132 205 190 224 171 224 113"
      /><polygon style="fill:url(#linearGradient24); stroke:none;" points=" 166 132 205 132 224 113 185 113"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 166 132 205 132 224 113 185 113"
      /><rect x="166" y="132" width="39" style="fill:url(#linearGradient25); stroke:none;" height="58"
      /><rect x="166" y="132" width="39" style="fill:none; stroke:rgb(1,1,1);" height="58"
      /><polygon style="fill:url(#linearGradient26); stroke:none;" points=" 205 63 205 132 224 113 224 44"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 205 63 205 132 224 113 224 44"
      /><polygon style="fill:url(#linearGradient27); stroke:none;" points=" 166 63 205 63 224 44 185 44"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 166 63 205 63 224 44 185 44"
      /><rect x="166" y="63" width="39" style="fill:url(#linearGradient28); stroke:none;" height="69"
      /><rect x="166" y="63" width="39" style="fill:none; stroke:rgb(1,1,1);" height="69"
      /><line y2="261" style="fill:none;" x1="267" x2="267" y1="257"
      /><text x="249" xml:space="preserve" y="271" style="fill:black; stroke:none;"
      >沈坚戎</text
      ><polygon style="fill:url(#linearGradient29); stroke-width:0; stroke:none;" points=" 287 186 287 247 306 228 306 167"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 287 186 287 247 306 228 306 167"
      /><polygon style="fill:url(#linearGradient30); stroke:none;" points=" 248 186 287 186 306 167 267 167"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 248 186 287 186 306 167 267 167"
      /><rect x="248" y="186" width="39" style="fill:url(#linearGradient31); stroke:none;" height="61"
      /><rect x="248" y="186" width="39" style="fill:none; stroke:rgb(1,1,1);" height="61"
      /><polygon style="fill:url(#linearGradient32); stroke:none;" points=" 287 133 287 186 306 167 306 114"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 287 133 287 186 306 167 306 114"
      /><polygon style="fill:url(#linearGradient33); stroke:none;" points=" 248 133 287 133 306 114 267 114"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 248 133 287 133 306 114 267 114"
      /><rect x="248" y="133" width="39" style="fill:url(#linearGradient34); stroke:none;" height="53"
      /><rect x="248" y="133" width="39" style="fill:none; stroke:rgb(1,1,1);" height="53"
      /><polygon style="fill:url(#linearGradient35); stroke:none;" points=" 287 85 287 133 306 114 306 66"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 287 85 287 133 306 114 306 66"
      /><polygon style="fill:url(#linearGradient36); stroke:none;" points=" 248 85 287 85 306 66 267 66"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 248 85 287 85 306 66 267 66"
      /><rect x="248" y="85" width="39" style="fill:url(#linearGradient37); stroke:none;" height="48"
      /><rect x="248" y="85" width="39" style="fill:none; stroke:rgb(1,1,1);" height="48"
      /><line y2="261" style="fill:none;" x1="349" x2="349" y1="257"
      /><text x="337" xml:space="preserve" y="271" style="fill:black; stroke:none;"
      >萧枚</text
      ><polygon style="fill:url(#linearGradient38); stroke-width:0; stroke:none;" points=" 369 202 369 247 388 228 388 183"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 369 202 369 247 388 228 388 183"
      /><polygon style="fill:url(#linearGradient39); stroke:none;" points=" 330 202 369 202 388 183 349 183"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 330 202 369 202 388 183 349 183"
      /><rect x="330" y="202" width="39" style="fill:url(#linearGradient40); stroke:none;" height="45"
      /><rect x="330" y="202" width="39" style="fill:none; stroke:rgb(1,1,1);" height="45"
      /><polygon style="fill:url(#linearGradient41); stroke:none;" points=" 369 134 369 202 388 183 388 115"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 369 134 369 202 388 183 388 115"
      /><polygon style="fill:url(#linearGradient42); stroke:none;" points=" 330 134 369 134 388 115 349 115"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 330 134 369 134 388 115 349 115"
      /><rect x="330" y="134" width="39" style="fill:url(#linearGradient43); stroke:none;" height="68"
      /><rect x="330" y="134" width="39" style="fill:none; stroke:rgb(1,1,1);" height="68"
      /><polygon style="fill:url(#linearGradient44); stroke:none;" points=" 369 76 369 134 388 115 388 57"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 369 76 369 134 388 115 388 57"
      /><polygon style="fill:url(#linearGradient45); stroke:none;" points=" 330 76 369 76 388 57 349 57"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 330 76 369 76 388 57 349 57"
      /><rect x="330" y="76" width="39" style="fill:url(#linearGradient46); stroke:none;" height="58"
      /><rect x="330" y="76" width="39" style="fill:none; stroke:rgb(1,1,1);" height="58"
      /><line y2="261" style="fill:none;" x1="431" x2="431" y1="257"
      /><text x="413" xml:space="preserve" y="271" style="fill:black; stroke:none;"
      >幸景龙</text
      ><polygon style="fill:url(#linearGradient47); stroke-width:0; stroke:none;" points=" 451 204 451 247 470 228 470 185"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 451 204 451 247 470 228 470 185"
      /><polygon style="fill:url(#linearGradient48); stroke:none;" points=" 412 204 451 204 470 185 431 185"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 412 204 451 204 470 185 431 185"
      /><rect x="412" y="204" width="39" style="fill:url(#linearGradient49); stroke:none;" height="43"
      /><rect x="412" y="204" width="39" style="fill:none; stroke:rgb(1,1,1);" height="43"
      /><polygon style="fill:url(#linearGradient50); stroke:none;" points=" 451 153 451 204 470 185 470 134"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 451 153 451 204 470 185 470 134"
      /><polygon style="fill:url(#linearGradient51); stroke:none;" points=" 412 153 451 153 470 134 431 134"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 412 153 451 153 470 134 431 134"
      /><rect x="412" y="153" width="39" style="fill:url(#linearGradient52); stroke:none;" height="51"
      /><rect x="412" y="153" width="39" style="fill:none; stroke:rgb(1,1,1);" height="51"
      /><polygon style="fill:url(#linearGradient53); stroke:none;" points=" 451 88 451 153 470 134 470 69"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 451 88 451 153 470 134 470 69"
      /><polygon style="fill:url(#linearGradient54); stroke:none;" points=" 412 88 451 88 470 69 431 69"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 412 88 451 88 470 69 431 69"
      /><rect x="412" y="88" width="39" style="fill:url(#linearGradient55); stroke:none;" height="65"
      /><rect x="412" y="88" width="39" style="fill:none; stroke:rgb(1,1,1);" height="65"
      /><line y2="261" style="fill:none;" x1="513" x2="513" y1="257"
      /><text x="495" xml:space="preserve" y="271" style="fill:black; stroke:none;"
      >林红梅</text
      ><polygon style="fill:url(#linearGradient56); stroke-width:0; stroke:none;" points=" 533 198 533 247 552 228 552 179"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 533 198 533 247 552 228 552 179"
      /><polygon style="fill:url(#linearGradient57); stroke:none;" points=" 494 198 533 198 552 179 513 179"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 494 198 533 198 552 179 513 179"
      /><rect x="494" y="198" width="39" style="fill:url(#linearGradient58); stroke:none;" height="49"
      /><rect x="494" y="198" width="39" style="fill:none; stroke:rgb(1,1,1);" height="49"
      /><polygon style="fill:url(#linearGradient59); stroke:none;" points=" 533 134 533 198 552 179 552 115"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 533 134 533 198 552 179 552 115"
      /><polygon style="fill:url(#linearGradient60); stroke:none;" points=" 494 134 533 134 552 115 513 115"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 494 134 533 134 552 115 513 115"
      /><rect x="494" y="134" width="39" style="fill:url(#linearGradient61); stroke:none;" height="64"
      /><rect x="494" y="134" width="39" style="fill:none; stroke:rgb(1,1,1);" height="64"
      /><polygon style="fill:url(#linearGradient62); stroke:none;" points=" 533 83 533 134 552 115 552 64"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 533 83 533 134 552 115 552 64"
      /><polygon style="fill:url(#linearGradient63); stroke:none;" points=" 494 83 533 83 552 64 513 64"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 494 83 533 83 552 64 513 64"
      /><rect x="494" y="83" width="39" style="fill:url(#linearGradient64); stroke:none;" height="51"
      /><rect x="494" y="83" width="39" style="fill:none; stroke:rgb(1,1,1);" height="51"
      /><line y2="261" style="fill:none;" x1="595" x2="595" y1="257"
      /><text x="583" xml:space="preserve" y="271" style="fill:black; stroke:none;"
      >萧穹</text
      ><polygon style="fill:url(#linearGradient65); stroke-width:0; stroke:none;" points=" 615 183 615 247 634 228 634 164"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 615 183 615 247 634 228 634 164"
      /><polygon style="fill:url(#linearGradient66); stroke:none;" points=" 576 183 615 183 634 164 595 164"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 576 183 615 183 634 164 595 164"
      /><rect x="576" y="183" width="39" style="fill:url(#linearGradient67); stroke:none;" height="64"
      /><rect x="576" y="183" width="39" style="fill:none; stroke:rgb(1,1,1);" height="64"
      /><polygon style="fill:url(#linearGradient68); stroke:none;" points=" 615 130 615 183 634 164 634 111"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 615 130 615 183 634 164 634 111"
      /><polygon style="fill:url(#linearGradient69); stroke:none;" points=" 576 130 615 130 634 111 595 111"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 576 130 615 130 634 111 595 111"
      /><rect x="576" y="130" width="39" style="fill:url(#linearGradient70); stroke:none;" height="53"
      /><rect x="576" y="130" width="39" style="fill:none; stroke:rgb(1,1,1);" height="53"
      /><polygon style="fill:url(#linearGradient71); stroke:none;" points=" 615 87 615 130 634 111 634 68"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 615 87 615 130 634 111 634 68"
      /><polygon style="fill:url(#linearGradient72); stroke:none;" points=" 576 87 615 87 634 68 595 68"
      /><polygon style="fill:none; stroke:rgb(1,1,1);" points=" 576 87 615 87 634 68 595 68"
      /><rect x="576" y="87" width="39" style="fill:url(#linearGradient73); stroke:none;" height="43"
      /><rect x="576" y="87" width="39" style="fill:none; stroke:rgb(1,1,1);" height="43"
    /></g
  ></g
></svg
>
</td>

带SVG统计图的报表实现（附svg部分页面源代码）

标签：报表统计图   svg统计图   移动客户端显示   集算报表   svg源代码   

原文地址：http://blog.csdn.net/u012388497/article/details/45913105