Files
yu-zhi-ran/content/publishing/02-成本对比柱状图.svg

38 lines
1.8 KiB
XML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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>