综述: 优化品牌分销全景分析页面,移除团队裂变效果分析模块
- 在中,移除了团队裂变效果分析的图表及相关代码 - 包括删除HTML中的图表容器和JavaScript中的图表初始化代码 - 调整了响应式事件处理器,移除对已删除图表的引用
This commit is contained in:
		
							parent
							
								
									5075011a62
								
							
						
					
					
						commit
						1d6e0fd9ac
					
				|  | @ -608,8 +608,7 @@ | ||||||
|                 <h2><span class="icon">📊</span>分销商层级业绩对比</h2> |                 <h2><span class="icon">📊</span>分销商层级业绩对比</h2> | ||||||
|                 <div class="chart-container" id="levelPerformanceChart"></div> |                 <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> |         </div> | ||||||
|     </div> |     </div> | ||||||
|  | @ -835,57 +834,13 @@ | ||||||
|         }; |         }; | ||||||
|         levelPerformanceChart.setOption(levelPerformanceOption); |         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() { |         window.addEventListener('resize', function() { | ||||||
|             levelChart.resize(); |             levelChart.resize(); | ||||||
|             recruitChart.resize(); |             recruitChart.resize(); | ||||||
|             orderTypeChart.resize(); |             orderTypeChart.resize(); | ||||||
|             levelPerformanceChart.resize(); |             levelPerformanceChart.resize(); | ||||||
|             teamGrowthChart.resize(); |  | ||||||
|         }); |         }); | ||||||
|     </script> |     </script> | ||||||
| </body> | </body> | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue