liuji/ttshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use stacked bars for LinkName commission

Browse Source
This commit is contained in:
liuji
2026-10-10 16:38:34 +08:00
parent 838be08cf9
commit c7a524988c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3 -3
View File
@@ -150,7 +150,7 @@
<article class="chart-card"> <article class="chart-card">
<h2>LinkName Commission 趋势</h2> <h2>LinkName Commission 趋势</h2>
<p id="link-commission-description">按日期和 LinkName 堆积显示 Commission</p> <p id="link-commission-description">按日期和 LinkName 堆积显示 Commission</p>
<div class="chart" id="link-commission-chart" role="img" aria-label="按日期和 LinkName 堆积的 Commission 折线图"></div> <div class="chart" id="link-commission-chart" role="img" aria-label="按日期和 LinkName 堆积的 Commission 柱状图"></div>
</article> </article>
<article class="chart-card"> <article class="chart-card">
<h2>LinkName GMV 趋势</h2> <h2>LinkName GMV 趋势</h2>
@@ -479,7 +479,7 @@
var value = linkDates.get(item.date.key); var value = linkDates.get(item.date.key);
return value || { commission: 0, gmv: 0 }; return value || { commission: 0, gmv: 0 };
}); });
linkCommissionSeries.push({ name: linkName + ' · Commission', type: 'line', stack: 'commission-by-link', smooth: true, symbol: 'circle', symbolSize: 5, data: values.map(function (value) { return value.commission; }) }); linkCommissionSeries.push({ name: linkName + ' · Commission', type: 'bar', stack: 'commission-by-link', smooth: true, symbol: 'circle', symbolSize: 5, data: values.map(function (value) { return value.commission; }) });
linkGmvSeries.push({ name: linkName + ' · GMV', type: 'bar', stack: 'gmv-by-link', barMaxWidth: 34, data: values.map(function (value) { return value.gmv; }) }); linkGmvSeries.push({ name: linkName + ' · GMV', type: 'bar', stack: 'gmv-by-link', barMaxWidth: 34, data: values.map(function (value) { return value.gmv; }) });
}); });
var commissionChart = Object.assign({}, common, { var commissionChart = Object.assign({}, common, {
@@ -498,7 +498,7 @@
charts[1].setOption(commissionChart); charts[1].setOption(commissionChart);
charts[2].setOption(gmvChart); charts[2].setOption(gmvChart);
elements.overviewDescription.textContent = '按日期汇总 · Commission 柱状图使用主轴 · GMV 折线图使用副轴 · ' + state.selectedCurrency; elements.overviewDescription.textContent = '按日期汇总 · Commission 柱状图使用主轴 · GMV 折线图使用副轴 · ' + state.selectedCurrency;
elements.linkCommissionDescription.textContent = '按日期和 LinkName 堆积 · Commission 折线图 · 主轴 ' + commissionAxisName; elements.linkCommissionDescription.textContent = '按日期和 LinkName 堆积 · Commission 柱状图 · 主轴 ' + commissionAxisName;
elements.linkGmvDescription.textContent = '按日期和 LinkName 堆积 · GMV 柱状图 · 主轴 ' + gmvAxisName; elements.linkGmvDescription.textContent = '按日期和 LinkName 堆积 · GMV 柱状图 · 主轴 ' + gmvAxisName;
} }