带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>
时间: 2024-10-20 06:42:42

带SVG统计图的报表实现(附svg部分页面源代码)的相关文章

润乾集算报表生成SVG统计图的示例

SVG作为一种矢量图形,具有任意缩放而不失真.可以被高质量打印.文件较小.交互性强等特性,成为当前一种主流的图片格式.润乾集算报表中已经封装了SVG生成类库,可以生成SVG格式的统计图,方便用户在PC或移动端查看报表统计图. 本文通过一个示例说明集算报表生成SVG统计图的过程. 连接数据源 打开集算报表设计器,菜单栏选择工具-数据源,在弹出的数据源编辑窗口中新建数据源或连接现有数据源,这里使用默认的demo数据源. 新建报表 菜单栏选择文件-新建报表,点击"生成空白报表",新建一个空白

学习SVG系列(1):SVG基础

什么是SVG? 1.指可伸缩矢量图形 2.用来定义用于网络的基于矢量的图形 3.使用XML格式定义图形 4.图像在放大或改变尺寸的情况下其图形不会有所损失 5.万维网联盟的标准, 用于描述二维矢量图形的一种图形格式 SVG的优势 1.可被非常多的工具读取和修改(比如记事本) 2.与JPEG和GIF图像比起来,尺寸更小,且压缩性强 3.可伸缩 4.图像可在任何的分辨率下被高质量打印 5.可以在图像质量不下降的情况下放大或者缩小 6.图像中的文本是可选的,同时也是可以搜索的(比较适合制作地图) 7.

[译]SSRS 编写带参数的MDX报表

编写MDX报表长久以来对于报表人员来说都比较痛苦. 当然如果你用查询设计器(Query Designer) 直接拖拉数据集那就很方便,但是你们有没有想过查询设计器是怎么创建MDX的.或者创建的参数是如何工作的? 我听到很多用Analysis Services 作为数据源的(包括我)报表人员说写参数太难了,所以他们用查询设计器做报表. 我想关键的问题是查询设计器做的MDX看起来要比实际上更复杂.如果你知道一些MDX基础,你应该能直接写MDX而不是用查询分析器 ,你就是喜欢用查询分析器也没关系.本文

svg矢量图制作工具(Sketsa SVG Editor) v7.1.1 中文免费版

下载地址:https://www.jb51.net/softs/555253.html Sketsa SVG Editor中文版是一款强大好用的矢量图绘制工具,该工具的最大特色就是集成了中文语言,且支持xml格式,允许用户允许放大或者缩小尺寸到任意分辨率而不会产生失真效果,Sketsa SVG Editor集成了调色板.DOM编辑器.资源编辑器.SVG特定成形工具等实用绘图工具,是您进行矢量图绘制的又一选择,需要此款工具的朋友们可以前来下载使用. 基本介绍 Sketsa SVG Editor 是

【从零开始学BPM,Day5】报表配置及自定义功能页面开发

[课程主题] 主题:5天,一起从零开始学习BPM [课程形式] 1.为期5天的短任务学习 2.每天观看一个视频,视频学习时间自由安排. [第五天课程] 1.课程概要 Step 1 软件下载:H3 BPM10.0全开放免费下载:http://bbs.h3bpm.com/read.php?tid=861&fid=11 Step 2 安装资料:参考本博的"安装资料"分类 Step 3 产品在线帮助浏览:http://bbs.h3bpm.com/read.php?tid=286&

带渐进色统计图的报表绘制

润乾集算报表在报表统计图方面进行了全面的细化,通过统计图众多属性的(组合)设置可以使统计图效果更加美观,以满足用户对统计图效果的全面要求.这里来看一下如何设置统计图渐进色. 新建报表 这里以统计学生数语外成绩为例,制作报表如下: 设置统计图属性 设置A5中的统计图属性,这里为了表示每名学生的单科成绩和总成绩,使用了三维堆积柱形图,其图形数据设置如下: 切换到,"图形特性"页签,可以看到众多统计图属性设置,包括颜色渐变.图形透明.突出边框等效果选项. 勾选[颜色渐变]选项,预览报表.这里

多比(SVG/VML)图形控件多比(SVG/VML)图形控件免费下载

多比图形控件是一款基于Web(VML和SVG技术)的矢量图形控件, 类似于网页上的Visio控件,是目前国内外最佳的基于web的工作流设计器.工作流流程监视器解决方案. 可广泛应用于包括:电力.军工.煤炭.化工.科研.能源等各种监控软件.web工作流设计器.asp.net工作流设计器.电力.化工.煤炭.工控组态软件.仿真.地理信息系统.工作流.复杂报表 工业SCADA系统.ERP流程设计系统.图形管理.图形拓扑分析.GIS地理信息系统系统.工程制图等领域.目前已经为全球20多个国家的数千家客户采

多比(SVG/VML)图形控件多比(SVG/VML)图形拓扑图控件免费下载地址

多比图形控件是一款基于Web(VML和SVG技术)的矢量图形控件, 类似于网页上的Visio控件拓扑图软件,是目前国内外最佳的基于web的工作流设计器.工作流流程监视器解决方案. 可广泛应用于包括:电力.军工.煤炭.化工.科研.能源等各种监控软件.web工作流设计器.asp.net工作流设计器.电力.化工.煤炭.工控组态软件.仿真.地理信息系统.工作流.复杂报表 工业SCADA系统.ERP流程设计系统.图形管理.图形拓扑分析.GIS地理信息系统系统.工程制图等领域.目前已经为全球20多个国家的数

学习SVG系列(4):SVG滤镜效果

注意:Internet Explorer和Safari不支持SVG滤镜 <defs>.<filter> 所有互联网的SVG滤镜定义在<defs>元素中,<filter>标签用来定义SVG滤镜,<filter>标签使用必须的ID属性来定义向图形应用到那个滤镜中 SVG模糊效果 <feGaussianBlur> feGaunssianBlur元素是用于创建模糊效果 SVG代码: <svg xmlns="http://www