linbin
/
dm-design
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: linbin:1d6e0fd9ac080687c789b1dc3ea11f00327d9058
Branches Tags
linbin:master
..
compare: linbin:22f5cdaf96fd95ba42aa7c7a30681326af960ff8
Branches Tags
linbin:master

No commits in common. "1d6e0fd9ac080687c789b1dc3ea11f00327d9058" and "22f5cdaf96fd95ba42aa7c7a30681326af960ff8" have entirely different histories.
1d6e0fd9ac ... 22f5cdaf96

2 changed files with 47 additions and 25 deletions
Show Stats Expand all files Collapse all files

23
商家端web/index.html
View File

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

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

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