feat: 新增产品生命周期指标曲线图SVG文件
This commit is contained in:
337
01_设计/产品生命周期指标曲线图.svg
Normal file
337
01_设计/产品生命周期指标曲线图.svg
Normal file
@@ -0,0 +1,337 @@
|
||||
<svg width="1200" height="1400" viewBox="0 0 1200 1400" xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<!-- 背景 -->
|
||||
<rect fill="#f8f9fa" width="100%" height="100%"/>
|
||||
|
||||
<!-- 主标题 -->
|
||||
<text x="600" y="30" text-anchor="middle" font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="24" font-weight="bold" fill="#28a745">绿邻回收智能终端系统 - 产品生命周期关键指标曲线图</text>
|
||||
|
||||
<!-- 短期规划标题 -->
|
||||
<text x="600" y="70" text-anchor="middle" font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="18" font-weight="bold" fill="#1976d2">短期规划 (3年)</text>
|
||||
|
||||
<!-- 短期图表区域背景 -->
|
||||
<rect x="80" y="90" width="1040" height="350" fill="white" stroke="#e1e4e8" stroke-width="1"/>
|
||||
|
||||
<!-- 短期图表水平网格线 -->
|
||||
<g stroke="#e8e8e8" stroke-width="0.5">
|
||||
<line x1="80" y1="130" x2="1120" y2="130"/>
|
||||
<line x1="80" y1="170" x2="1120" y2="170"/>
|
||||
<line x1="80" y1="210" x2="1120" y2="210"/>
|
||||
<line x1="80" y1="250" x2="1120" y2="250"/>
|
||||
<line x1="80" y1="290" x2="1120" y2="290"/>
|
||||
<line x1="80" y1="330" x2="1120" y2="330"/>
|
||||
<line x1="80" y1="370" x2="1120" y2="370"/>
|
||||
<line x1="80" y1="410" x2="1120" y2="410"/>
|
||||
</g>
|
||||
|
||||
<!-- 短期图表垂直网格线 -->
|
||||
<g stroke="#e8e8e8" stroke-width="0.5">
|
||||
<line x1="200" y1="90" x2="200" y2="440"/>
|
||||
<line x1="350" y1="90" x2="350" y2="440"/>
|
||||
<line x1="500" y1="90" x2="500" y2="440"/>
|
||||
<line x1="650" y1="90" x2="650" y2="440"/>
|
||||
<line x1="800" y1="90" x2="800" y2="440"/>
|
||||
<line x1="950" y1="90" x2="950" y2="440"/>
|
||||
</g>
|
||||
|
||||
<!-- 短期X轴标签 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="12" fill="#666" text-anchor="middle">
|
||||
<text x="140" y="460">Q1</text>
|
||||
<text x="200" y="460">Q2</text>
|
||||
<text x="275" y="460">Q3</text>
|
||||
<text x="350" y="460">Q4</text>
|
||||
<text x="425" y="460">第2年</text>
|
||||
<text x="575" y="460">第2年末</text>
|
||||
<text x="725" y="460">第3年</text>
|
||||
<text x="875" y="460">第3年末</text>
|
||||
</g>
|
||||
|
||||
<!-- 短期阶段描述 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="10" fill="#888" text-anchor="middle">
|
||||
<text x="140" y="475">启动</text>
|
||||
<text x="200" y="475">验证</text>
|
||||
<text x="275" y="475">增长</text>
|
||||
<text x="350" y="475">扩张</text>
|
||||
<text x="425" y="475">规模化</text>
|
||||
<text x="575" y="475">成熟</text>
|
||||
<text x="725" y="475">稳定</text>
|
||||
<text x="875" y="475">优化</text>
|
||||
</g>
|
||||
|
||||
<!-- 短期Y轴标签 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="11" fill="#666" text-anchor="end">
|
||||
<text x="75" y="95">100%</text>
|
||||
<text x="75" y="170">75%</text>
|
||||
<text x="75" y="250">50%</text>
|
||||
<text x="75" y="330">25%</text>
|
||||
<text x="75" y="410">0%</text>
|
||||
</g>
|
||||
|
||||
<!-- 短期用户增长曲线 -->
|
||||
<path d="M 140,400 Q 170,380 200,350 Q 240,300 275,250 Q 315,200 350,170 Q 390,150 425,140 Q 500,130 575,125 Q 650,120 725,118 Q 800,115 875,113"
|
||||
stroke="#4caf50" stroke-width="3" fill="none"/>
|
||||
|
||||
<!-- 短期收入增长曲线 -->
|
||||
<path d="M 140,420 Q 170,400 200,370 Q 240,320 275,270 Q 315,220 350,180 Q 390,150 425,135 Q 500,125 575,120 Q 650,115 725,112 Q 800,110 875,108"
|
||||
stroke="#2196f3" stroke-width="3" fill="none"/>
|
||||
|
||||
<!-- 短期终端部署曲线 -->
|
||||
<path d="M 140,410 Q 170,390 200,360 Q 240,310 275,260 Q 315,210 350,175 Q 390,145 425,138 Q 500,128 575,123 Q 650,118 725,115 Q 800,112 875,110"
|
||||
stroke="#ff9800" stroke-width="3" fill="none"/>
|
||||
|
||||
<!-- 短期关键节点标记 -->
|
||||
<g fill="white" stroke-width="2">
|
||||
<circle cx="140" cy="400" r="4" stroke="#4caf50"/>
|
||||
<circle cx="200" cy="350" r="4" stroke="#4caf50"/>
|
||||
<circle cx="275" cy="250" r="4" stroke="#4caf50"/>
|
||||
<circle cx="350" cy="170" r="4" stroke="#4caf50"/>
|
||||
<circle cx="575" cy="125" r="4" stroke="#4caf50"/>
|
||||
<circle cx="875" cy="113" r="4" stroke="#4caf50"/>
|
||||
</g>
|
||||
|
||||
<!-- 短期关键数据标注 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="9" fill="#666">
|
||||
<text x="140" y="385" text-anchor="middle" font-weight="bold">5个终端</text>
|
||||
<text x="200" y="335" text-anchor="middle" font-weight="bold">20个终端</text>
|
||||
<text x="275" y="235" text-anchor="middle" font-weight="bold">100个终端</text>
|
||||
<text x="350" y="155" text-anchor="middle" font-weight="bold">500个终端</text>
|
||||
<text x="575" y="110" text-anchor="middle" font-weight="bold">2000个终端</text>
|
||||
<text x="875" y="98" text-anchor="middle" font-weight="bold">5000个终端</text>
|
||||
</g>
|
||||
|
||||
<!-- 短期图例 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="11">
|
||||
<rect x="950" y="100" width="150" height="80" fill="white" stroke="#e1e4e8" stroke-width="1" rx="3"/>
|
||||
<text x="1025" y="118" text-anchor="middle" font-weight="bold" fill="#333">短期指标</text>
|
||||
|
||||
<line x1="960" y1="130" x2="980" y2="130" stroke="#4caf50" stroke-width="2"/>
|
||||
<text x="985" y="135" fill="#4caf50">用户增长</text>
|
||||
|
||||
<line x1="960" y1="145" x2="980" y2="145" stroke="#2196f3" stroke-width="2"/>
|
||||
<text x="985" y="150" fill="#2196f3">收入增长</text>
|
||||
|
||||
<line x1="960" y1="160" x2="980" y2="160" stroke="#ff9800" stroke-width="2"/>
|
||||
<text x="985" y="165" fill="#ff9800">终端部署</text>
|
||||
</g>
|
||||
|
||||
<!-- 长期规划标题 -->
|
||||
<text x="600" y="520" text-anchor="middle" font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="18" font-weight="bold" fill="#1976d2">长期规划 (6年)</text>
|
||||
|
||||
<!-- 定义图表区域 -->
|
||||
<defs>
|
||||
<linearGradient id="userGrowth" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" style="stop-color:#4caf50;stop-opacity:0.3"/>
|
||||
<stop offset="100%" style="stop-color:#4caf50;stop-opacity:0.8"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="revenueGradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" style="stop-color:#2196f3;stop-opacity:0.3"/>
|
||||
<stop offset="100%" style="stop-color:#2196f3;stop-opacity:0.8"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="terminalGradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" style="stop-color:#ff9800;stop-opacity:0.3"/>
|
||||
<stop offset="100%" style="stop-color:#ff9800;stop-opacity:0.8"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- 长期图表背景和网格 -->
|
||||
<rect x="80" y="540" width="1040" height="600" fill="white" stroke="#e1e4e8" stroke-width="1"/>
|
||||
|
||||
<!-- 长期水平网格线 -->
|
||||
<g stroke="#e8e8e8" stroke-width="0.5">
|
||||
<line x1="80" y1="600" x2="1120" y2="600"/>
|
||||
<line x1="80" y1="660" x2="1120" y2="660"/>
|
||||
<line x1="80" y1="720" x2="1120" y2="720"/>
|
||||
<line x1="80" y1="780" x2="1120" y2="780"/>
|
||||
<line x1="80" y1="840" x2="1120" y2="840"/>
|
||||
<line x1="80" y1="900" x2="1120" y2="900"/>
|
||||
<line x1="80" y1="960" x2="1120" y2="960"/>
|
||||
<line x1="80" y1="1020" x2="1120" y2="1020"/>
|
||||
<line x1="80" y1="1080" x2="1120" y2="1080"/>
|
||||
</g>
|
||||
|
||||
<!-- 长期垂直网格线 -->
|
||||
<g stroke="#e8e8e8" stroke-width="0.5">
|
||||
<line x1="150" y1="540" x2="150" y2="1140"/>
|
||||
<line x1="280" y1="540" x2="280" y2="1140"/>
|
||||
<line x1="410" y1="540" x2="410" y2="1140"/>
|
||||
<line x1="540" y1="540" x2="540" y2="1140"/>
|
||||
<line x1="670" y1="540" x2="670" y2="1140"/>
|
||||
<line x1="800" y1="540" x2="800" y2="1140"/>
|
||||
<line x1="930" y1="540" x2="930" y2="1140"/>
|
||||
<line x1="1060" y1="540" x2="1060" y2="1140"/>
|
||||
</g>
|
||||
|
||||
<!-- 长期X轴标签 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="12" fill="#666" text-anchor="middle">
|
||||
<text x="150" y="1160">启动期</text>
|
||||
<text x="280" y="1160">成长期</text>
|
||||
<text x="410" y="1160">快速发展期</text>
|
||||
<text x="540" y="1160">扩张期</text>
|
||||
<text x="670" y="1160">成熟期</text>
|
||||
<text x="800" y="1160">稳定期</text>
|
||||
<text x="930" y="1160">优化期</text>
|
||||
<text x="1060" y="1160">转型期</text>
|
||||
</g>
|
||||
|
||||
<!-- 长期阶段描述 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="10" fill="#888" text-anchor="middle">
|
||||
<text x="150" y="1175">0-6月</text>
|
||||
<text x="280" y="1175">6-12月</text>
|
||||
<text x="410" y="1175">1-2年</text>
|
||||
<text x="540" y="1175">2-3年</text>
|
||||
<text x="670" y="1175">3-4年</text>
|
||||
<text x="800" y="1175">4-5年</text>
|
||||
<text x="930" y="1175">5-6年</text>
|
||||
<text x="1060" y="1175">6年+</text>
|
||||
</g>
|
||||
|
||||
<!-- 长期Y轴标签 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="11" fill="#666" text-anchor="end">
|
||||
<text x="75" y="545">高</text>
|
||||
<text x="75" y="660">75%</text>
|
||||
<text x="75" y="780">50%</text>
|
||||
<text x="75" y="900">25%</text>
|
||||
<text x="75" y="1020">0%</text>
|
||||
<text x="75" y="1140">低</text>
|
||||
</g>
|
||||
|
||||
<!-- 长期用户增长曲线 (绿色) -->
|
||||
<path d="M 150,1080 Q 200,1040 280,960 Q 350,840 410,780 Q 480,700 540,660 Q 600,620 670,600 Q 730,580 800,570 Q 860,565 930,568 Q 990,572 1060,575"
|
||||
stroke="#4caf50" stroke-width="3" fill="none" marker-end="url(#arrowGreen)"/>
|
||||
|
||||
<!-- 长期收入增长曲线 (蓝色) -->
|
||||
<path d="M 150,1110 Q 200,1090 280,1040 Q 350,940 410,840 Q 480,740 540,680 Q 600,630 670,600 Q 730,575 800,565 Q 860,560 930,562 Q 990,565 1060,568"
|
||||
stroke="#2196f3" stroke-width="3" fill="none" marker-end="url(#arrowBlue)"/>
|
||||
|
||||
<!-- 长期终端部署数量曲线 (橙色) -->
|
||||
<path d="M 150,1100 Q 200,1070 280,1000 Q 350,880 410,800 Q 480,720 540,670 Q 600,630 670,605 Q 730,585 800,575 Q 860,570 930,572 Q 990,575 1060,578"
|
||||
stroke="#ff9800" stroke-width="3" fill="none" marker-end="url(#arrowOrange)"/>
|
||||
|
||||
<!-- 长期运营成本曲线 (红色,先升后降) -->
|
||||
<path d="M 150,960 Q 200,910 280,840 Q 350,780 410,760 Q 480,750 540,760 Q 600,780 670,810 Q 730,840 800,880 Q 860,910 930,940 Q 990,960 1060,980"
|
||||
stroke="#f44336" stroke-width="3" fill="none" marker-end="url(#arrowRed)"/>
|
||||
|
||||
<!-- 长期市场占有率曲线 (紫色) -->
|
||||
<path d="M 150,1120 Q 200,1100 280,1060 Q 350,980 410,900 Q 480,820 540,760 Q 600,710 670,680 Q 730,660 800,650 Q 860,645 930,648 Q 990,652 1060,655"
|
||||
stroke="#9c27b0" stroke-width="3" fill="none" marker-end="url(#arrowPurple)"/>
|
||||
|
||||
<!-- 箭头标记定义 -->
|
||||
<defs>
|
||||
<marker id="arrowGreen" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth">
|
||||
<path d="M0,0 L0,6 L9,3 z" fill="#4caf50"/>
|
||||
</marker>
|
||||
<marker id="arrowBlue" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth">
|
||||
<path d="M0,0 L0,6 L9,3 z" fill="#2196f3"/>
|
||||
</marker>
|
||||
<marker id="arrowOrange" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth">
|
||||
<path d="M0,0 L0,6 L9,3 z" fill="#ff9800"/>
|
||||
</marker>
|
||||
<marker id="arrowRed" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth">
|
||||
<path d="M0,0 L0,6 L9,3 z" fill="#f44336"/>
|
||||
</marker>
|
||||
<marker id="arrowPurple" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth">
|
||||
<path d="M0,0 L0,6 L9,3 z" fill="#9c27b0"/>
|
||||
</marker>
|
||||
</defs>
|
||||
|
||||
<!-- 长期关键节点标记 -->
|
||||
<g fill="white" stroke-width="2">
|
||||
<!-- 启动期关键节点 -->
|
||||
<circle cx="150" cy="1080" r="6" stroke="#4caf50"/>
|
||||
<circle cx="150" cy="1110" r="6" stroke="#2196f3"/>
|
||||
<circle cx="150" cy="1100" r="6" stroke="#ff9800"/>
|
||||
|
||||
<!-- 成长期关键节点 -->
|
||||
<circle cx="280" cy="960" r="6" stroke="#4caf50"/>
|
||||
<circle cx="280" cy="1040" r="6" stroke="#2196f3"/>
|
||||
<circle cx="280" cy="1000" r="6" stroke="#ff9800"/>
|
||||
|
||||
<!-- 快速发展期关键节点 -->
|
||||
<circle cx="410" cy="780" r="6" stroke="#4caf50"/>
|
||||
<circle cx="410" cy="840" r="6" stroke="#2196f3"/>
|
||||
<circle cx="410" cy="800" r="6" stroke="#ff9800"/>
|
||||
|
||||
<!-- 扩张期关键节点 -->
|
||||
<circle cx="540" cy="660" r="6" stroke="#4caf50"/>
|
||||
<circle cx="540" cy="680" r="6" stroke="#2196f3"/>
|
||||
<circle cx="540" cy="670" r="6" stroke="#ff9800"/>
|
||||
|
||||
<!-- 成熟期关键节点 -->
|
||||
<circle cx="670" cy="600" r="6" stroke="#4caf50"/>
|
||||
<circle cx="670" cy="600" r="6" stroke="#2196f3"/>
|
||||
<circle cx="670" cy="605" r="6" stroke="#ff9800"/>
|
||||
</g>
|
||||
|
||||
<!-- 长期图例 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="12">
|
||||
<!-- 图例背景 -->
|
||||
<rect x="850" y="550" width="260" height="140" fill="white" stroke="#e1e4e8" stroke-width="1" rx="5"/>
|
||||
|
||||
<!-- 图例标题 -->
|
||||
<text x="980" y="570" text-anchor="middle" font-weight="bold" fill="#333">长期关键指标</text>
|
||||
|
||||
<!-- 图例项目 -->
|
||||
<g>
|
||||
<line x1="860" y1="585" x2="885" y2="585" stroke="#4caf50" stroke-width="3"/>
|
||||
<text x="895" y="590" fill="#4caf50">用户增长率</text>
|
||||
|
||||
<line x1="860" y1="605" x2="885" y2="605" stroke="#2196f3" stroke-width="3"/>
|
||||
<text x="895" y="610" fill="#2196f3">收入增长率</text>
|
||||
|
||||
<line x1="860" y1="625" x2="885" y2="625" stroke="#ff9800" stroke-width="3"/>
|
||||
<text x="895" y="630" fill="#ff9800">终端部署数量</text>
|
||||
|
||||
<line x1="860" y1="645" x2="885" y2="645" stroke="#f44336" stroke-width="3"/>
|
||||
<text x="895" y="650" fill="#f44336">运营成本</text>
|
||||
|
||||
<line x1="860" y1="665" x2="885" y2="665" stroke="#9c27b0" stroke-width="3"/>
|
||||
<text x="895" y="670" fill="#9c27b0">市场占有率</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- 长期关键节点数据标注 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="10" fill="#666">
|
||||
<!-- 启动期 -->
|
||||
<text x="150" y="1040" text-anchor="middle" font-weight="bold">启动期目标</text>
|
||||
<text x="150" y="1053" text-anchor="middle">• 10个终端部署</text>
|
||||
<text x="150" y="1066" text-anchor="middle">• 500+用户注册</text>
|
||||
|
||||
<!-- 成长期 -->
|
||||
<text x="280" y="920" text-anchor="middle" font-weight="bold">成长期目标</text>
|
||||
<text x="280" y="933" text-anchor="middle">• 100个终端</text>
|
||||
<text x="280" y="946" text-anchor="middle">• 5000+用户</text>
|
||||
|
||||
<!-- 快速发展期 -->
|
||||
<text x="410" y="740" text-anchor="middle" font-weight="bold">发展期目标</text>
|
||||
<text x="410" y="753" text-anchor="middle">• 500个终端</text>
|
||||
<text x="410" y="766" text-anchor="middle">• 3万+用户</text>
|
||||
|
||||
<!-- 扩张期 -->
|
||||
<text x="540" y="620" text-anchor="middle" font-weight="bold">扩张期目标</text>
|
||||
<text x="540" y="633" text-anchor="middle">• 2000个终端</text>
|
||||
<text x="540" y="646" text-anchor="middle">• 15万+用户</text>
|
||||
|
||||
<!-- 成熟期 -->
|
||||
<text x="670" y="560" text-anchor="middle" font-weight="bold">成熟期目标</text>
|
||||
<text x="670" y="573" text-anchor="middle">• 5000个终端</text>
|
||||
<text x="670" y="586" text-anchor="middle">• 50万+用户</text>
|
||||
</g>
|
||||
|
||||
<!-- 长期关键里程碑标注 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="11" fill="#f57c00" font-weight="bold">
|
||||
<text x="280" y="1205">首次盈利</text>
|
||||
<text x="410" y="1205">规模化复制</text>
|
||||
<text x="540" y="1205">市场领先</text>
|
||||
<text x="670" y="1205">生态完善</text>
|
||||
<text x="800" y="1205">平台化</text>
|
||||
</g>
|
||||
|
||||
<!-- 分隔线和说明 -->
|
||||
<line x1="80" y1="500" x2="1120" y2="500" stroke="#ddd" stroke-width="2"/>
|
||||
|
||||
<!-- 底部说明 -->
|
||||
<g font-family="'PingFang SC', 'Microsoft YaHei', sans-serif" font-size="11" fill="#888">
|
||||
<text x="80" y="1250">说明:上方显示3年短期规划的快速发展轨迹,下方展示6年长期规划的完整生命周期,包含用户增长、收入增长、终端部署、运营成本和市场占有率五个核心指标的变化趋势。</text>
|
||||
</g>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 16 KiB |
Reference in New Issue
Block a user