商家端web/index.html

@@ -504,29 +504,6 @@
                             </a>
                         </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>
             </li>
         </ul>

商家端web/品牌管理/数据分析/品牌分销全景分析.html

@@ -608,7 +608,8 @@
                 <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>
@@ -834,13 +835,57 @@
         };
         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>