综述: 优化品牌分销全景分析页面,移除团队裂变效果分析模块

- 在中,移除了团队裂变效果分析的图表及相关代码
- 包括删除HTML中的图表容器和JavaScript中的图表初始化代码
- 调整了响应式事件处理器,移除对已删除图表的引用
This commit is contained in:
linbin 2025-10-08 04:50:50 +08:00
parent 5075011a62
commit 1d6e0fd9ac
1 changed files with 2 additions and 47 deletions

View File

@ -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>