带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="" 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=""><!–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部分页面源代码)

相关文章:

你感兴趣的文章:

标签云: