38 lines
1.8 KiB
XML
38 lines
1.8 KiB
XML
<svg width="800" height="500" viewBox="0 0 800 500" 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; }
|
||
.axis { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #666; }
|
||
.bar-value { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; font-weight: bold; fill: #333; }
|
||
.note { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 14px; fill: #999; }
|
||
</style>
|
||
</defs>
|
||
|
||
<!-- Title -->
|
||
<text x="400" y="50" text-anchor="middle" class="title">投入 vs 产出:经济账(单位:元)</text>
|
||
|
||
<!-- Bars -->
|
||
<g transform="translate(150, 120)">
|
||
<!-- 投入 bar -->
|
||
<rect x="0" y="0" width="120" height="250" fill="#e74c3c" rx="8"/>
|
||
<text x="60" y="-15" text-anchor="middle" class="axis">总投入</text>
|
||
<text x="60" y="270" text-anchor="middle" class="bar-value">2700元</text>
|
||
|
||
<!-- 产出 bar -->
|
||
<rect x="200" y="80" width="120" height="170" fill="#27ae60" rx="8"/>
|
||
<text x="260" y="65" text-anchor="middle" class="axis">总产出</text>
|
||
<text x="260" y="270" text-anchor="middle" class="bar-value">360元</text>
|
||
</g>
|
||
|
||
<!-- Explanation -->
|
||
<text x="400" y="380" text-anchor="middle" class="axis">
|
||
<tspan x="400" dy="0">投入包括:设备+工具+种子+土壤(首年)</tspan>
|
||
<tspan x="400" dy="24">产出为蔬菜市场价值(30kg)</tspan>
|
||
<tspan x="400" dy="24">结论:经济上不划算,但心理收益巨大</tspan>
|
||
</text>
|
||
|
||
<!-- Insight -->
|
||
<text x="400" y="460" text-anchor="middle" class="note">
|
||
如果把120小时看作心理咨询(300-500元/小时),实际"节省"3.6万元
|
||
</text>
|
||
</svg> |