Initial commit: yu-zhi-ran platform with automation integration
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
Reference in New Issue
Block a user