Compare commits
	
		
			2 Commits
		
	
	
		
			22f5cdaf96
			...
			1d6e0fd9ac
		
	
	| Author | SHA1 | Date | 
|---|---|---|
|  | 1d6e0fd9ac | |
|  | 5075011a62 | 
|  | @ -504,6 +504,29 @@ | ||||||
|                             </a> |                             </a> | ||||||
|                         </div> |                         </div> | ||||||
|                     </div> |                     </div> | ||||||
|  |                     <div class="submenu-item"> | ||||||
|  |                         <div class="submenu-link" onclick="toggleSubmenu(this, event);"> | ||||||
|  |                             <span class="submenu-icon"></span> | ||||||
|  |                             <span class="menu-text">数据分析</span> | ||||||
|  |                             <span class="menu-arrow"> | ||||||
|  |                                 <i class="fas fa-chevron-right"></i> | ||||||
|  |                             </span> | ||||||
|  |                         </div> | ||||||
|  |                         <div class="submenu"> | ||||||
|  |                             <a href="#" class="submenu-link" onclick="loadContent('./品牌管理/数据分析/连锁单位业绩排行榜.html', this);" style="padding-left: 70px;"> | ||||||
|  |                                 <span class="submenu-icon"></span> | ||||||
|  |                                 连锁单位业绩排行榜 | ||||||
|  |                             </a> | ||||||
|  |                             <a href="#" class="submenu-link" onclick="loadContent('./品牌管理/数据分析/品牌爆款商品榜.html', this);" style="padding-left: 70px;"> | ||||||
|  |                                 <span class="submenu-icon"></span> | ||||||
|  |                                 品牌爆款商品榜 | ||||||
|  |                             </a> | ||||||
|  |                             <a href="#" class="submenu-link" onclick="loadContent('./品牌管理/数据分析/品牌分销全景分析.html', this);" style="padding-left: 70px;"> | ||||||
|  |                                 <span class="submenu-icon"></span> | ||||||
|  |                                 品牌分销全景分析 | ||||||
|  |                             </a> | ||||||
|  |                         </div> | ||||||
|  |                     </div> | ||||||
|                 </div> |                 </div> | ||||||
|             </li> |             </li> | ||||||
|         </ul> |         </ul> | ||||||
|  |  | ||||||
|  | @ -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