lt
47 lines
2.2 KiB
XML
47 lines
2.2 KiB
XML
<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
|
||
<defs>
|
||
<style>
|
||
.title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; font-weight: bold; fill: #2c3e50; }
|
||
.legend { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; fill: #333; }
|
||
.value { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #666; }
|
||
</style>
|
||
</defs>
|
||
|
||
<!-- Title -->
|
||
<text x="400" y="50" text-anchor="middle" class="title">阳台蔬菜年产量分布（总产量30kg）</text>
|
||
|
||
<!-- Pie Chart -->
|
||
<g transform="translate(300, 320)">
|
||
<!-- 番茄 12kg (40%) - 0 to 144° -->
|
||
<path d="M 0,-120 A 120,120 0 0,1 -92.4,69.6 Z" fill="#ff6b6b" stroke="#fff" stroke-width="2"/>
|
||
<!-- 辣椒 5kg (16.7%) - 144° to 204° -->
|
||
<path d="M -92.4,69.6 A 120,120 0 0,1 -57.8,101.5 Z" fill="#ff922b" stroke="#fff" stroke-width="2"/>
|
||
<!-- 生菜 8kg (26.7%) - 204° to 300° -->
|
||
<path d="M -57.8,101.5 A 120,120 0 0,1 0,-120 Z" fill="#51cf66" stroke="#fff" stroke-width="2"/>
|
||
<!-- 香草 3kg (10%) - 300° to 336° -->
|
||
<path d="M 0,-120 A 120,120 0 0,1 39.6,-98.4 Z" fill="#20c997" stroke="#fff" stroke-width="2"/>
|
||
<!-- 其他 2kg (6.7%) - 336° to 360° -->
|
||
<path d="M 39.6,-98.4 A 120,120 0 0,1 60,-103.9 Z" fill="#868e96" stroke="#fff" stroke-width="2"/>
|
||
</g>
|
||
|
||
<!-- Legend -->
|
||
<g transform="translate(550, 250)">
|
||
<rect x="0" y="0" width="20" height="20" fill="#ff6b6b"/>
|
||
<text x="30" y="15" class="legend">番茄 12kg (40%)</text>
|
||
|
||
<rect x="0" y="40" width="20" height="20" fill="#ff922b"/>
|
||
<text x="30" y="55" class="legend">辣椒 5kg (16.7%)</text>
|
||
|
||
<rect x="0" y="80" width="20" height="20" fill="#51cf66"/>
|
||
<text x="30" y="95" class="legend">生菜 8kg (26.7%)</text>
|
||
|
||
<rect x="0" y="120" width="20" height="20" fill="#20c997"/>
|
||
<text x="30" y="135" class="legend">香草 3kg (10%)</text>
|
||
|
||
<rect x="0" y="160" width="20" height="20" fill="#868e96"/>
|
||
<text x="30" y="175" class="legend">其他 2kg (6.7%)</text>
|
||
</g>
|
||
|
||
<!-- Summary -->
|
||
<text x="400" y="480" text-anchor="middle" class="value">数据来源：本人一年种植记录整理</text>
|
||
</svg> |