综述: 优化品牌分销全景分析页面,移除团队裂变效果分析模块
- 在中,移除了团队裂变效果分析的图表及相关代码 - 包括删除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,49 +834,6 @@
|
||||||
};
|
};
|
||||||
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() {
|
||||||
|
|
@ -885,7 +841,6 @@
|
||||||
recruitChart.resize();
|
recruitChart.resize();
|
||||||
orderTypeChart.resize();
|
orderTypeChart.resize();
|
||||||
levelPerformanceChart.resize();
|
levelPerformanceChart.resize();
|
||||||
teamGrowthChart.resize();
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue