Merge pull request 'fix:作业批阅柱状图改为百分比显示;' (#321) from yangws into main
Reviewed-on: #321
This commit is contained in:
commit
1a447b30fb
|
@ -32,6 +32,8 @@ function getColor(index) {
|
||||||
// 初始化图表
|
// 初始化图表
|
||||||
function initChart() {
|
function initChart() {
|
||||||
const myChart = echarts.init(chartRef.value);
|
const myChart = echarts.init(chartRef.value);
|
||||||
|
const total = dataList.value.reduce((acc, cur) => acc + cur.value, 0); // 计算总数
|
||||||
|
|
||||||
const options = {
|
const options = {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'axis',
|
trigger: 'axis',
|
||||||
|
@ -70,7 +72,11 @@ function initChart() {
|
||||||
label: {
|
label: {
|
||||||
show: true,
|
show: true,
|
||||||
position: 'top',
|
position: 'top',
|
||||||
formatter: '{c}人',
|
formatter: params => {
|
||||||
|
const value = dataList.value[params.dataIndex].value;
|
||||||
|
const percentage = ((value / total) * 100).toFixed(2); // 计算百分比并保留两位小数
|
||||||
|
return `${percentage}%`; // 显示为百分比形式
|
||||||
|
},
|
||||||
color: '#333',
|
color: '#333',
|
||||||
fontSize: 12
|
fontSize: 12
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue