综述: 优化品牌分销全景分析页面,移除团队裂变效果分析模块
- 在中,移除了团队裂变效果分析的图表及相关代码 - 包括删除HTML中的图表容器和JavaScript中的图表初始化代码 - 调整了响应式事件处理器,移除对已删除图表的引用
This commit is contained in:
		
							parent
							
								
									5075011a62
								
							
						
					
					
						commit
						1d6e0fd9ac
					
				|  | @ -608,8 +608,7 @@ | |||
|                 <h2><span class="icon">📊</span>分销商层级业绩对比</h2> | ||||
|                 <div class="chart-container" id="levelPerformanceChart"></div> | ||||
|                  | ||||
|                 <h2 style="margin-top: 30px;"><span class="icon">🌳</span>团队裂变效果分析</h2> | ||||
|                 <div class="chart-container" id="teamGrowthChart"></div> | ||||
| 
 | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
|  | @ -835,57 +834,13 @@ | |||
|         }; | ||||
|         levelPerformanceChart.setOption(levelPerformanceOption); | ||||
|          | ||||
|         // 团队裂变效果分析 | ||||
|         const teamGrowthChart = echarts.init(document.getElementById('teamGrowthChart')); | ||||
|         const teamGrowthOption = { | ||||
|             tooltip: { | ||||
|                 trigger: 'axis', | ||||
|                 axisPointer: { type: 'shadow' } | ||||
|             }, | ||||
|             legend: { | ||||
|                 data: ['直接下级', '间接下级'], | ||||
|                 top: 10 | ||||
|             }, | ||||
|             grid: { | ||||
|                 left: '3%', | ||||
|                 right: '4%', | ||||
|                 bottom: '3%', | ||||
|                 containLabel: true | ||||
|             }, | ||||
|             xAxis: { | ||||
|                 type: 'category', | ||||
|                 data: ['TOP1', 'TOP2', 'TOP3', 'TOP4', 'TOP5', 'TOP6', 'TOP7', 'TOP8', 'TOP9', 'TOP10'] | ||||
|             }, | ||||
|             yAxis: { | ||||
|                 type: 'value', | ||||
|                 name: '团队人数' | ||||
|             }, | ||||
|             series: [ | ||||
|                 { | ||||
|                     name: '直接下级', | ||||
|                     type: 'bar', | ||||
|                     stack: 'total', | ||||
|                     data: [35, 28, 24, 19, 17, 14, 12, 10, 8, 6], | ||||
|                     itemStyle: { color: '#5cb85c' } | ||||
|                 }, | ||||
|                 { | ||||
|                     name: '间接下级', | ||||
|                     type: 'bar', | ||||
|                     stack: 'total', | ||||
|                     data: [93, 68, 58, 46, 41, 34, 30, 25, 20, 16], | ||||
|                     itemStyle: { color: '#5bc0de' } | ||||
|                 } | ||||
|             ] | ||||
|         }; | ||||
|         teamGrowthChart.setOption(teamGrowthOption); | ||||
|          | ||||
| 
 | ||||
|         // 响应式 | ||||
|         window.addEventListener('resize', function() { | ||||
|             levelChart.resize(); | ||||
|             recruitChart.resize(); | ||||
|             orderTypeChart.resize(); | ||||
|             levelPerformanceChart.resize(); | ||||
|             teamGrowthChart.resize(); | ||||
|         }); | ||||
|     </script> | ||||
| </body> | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue