【修改】增加百分比展示

This commit is contained in:
fengachen
2022-10-08 14:06:12 +08:00
parent 06629a5794
commit edf812b575
2 changed files with 23 additions and 3 deletions
+11 -1
View File
@@ -187,6 +187,7 @@ export default {
tooltip:{
trigger: 'axis',
formatter: params => {
let percent = this.calcPercent(params[1].data,params[0].data)
// 获取xAxis data中的数据
let dataStr = ''
params.forEach(item => {
@@ -200,7 +201,7 @@ export default {
</div>
</div>`
})
return dataStr
return dataStr + ` <div style="padding-left: 10px;color: #666">百分比:${percent}</div>`
}
},
xAxis: {
@@ -299,6 +300,15 @@ export default {
window.addEventListener('resize', () => {
myChart.resize()
})
},
/**
* 计算百分比
* @param num1 确收金额
* @param num2 合同金额
* */
calcPercent(num1,num2){
let pointNo = Number(num1) / Number(num2) * 100
return pointNo.toFixed(2) + '%'
}
}
}
+12 -2
View File
@@ -181,10 +181,11 @@ export default {
tooltip: {
trigger: 'axis',
formatter: params => {
let percent = this.calcPercent(params[1].data,params[0].data)
// 获取xAxis data中的数据
let dataStr = ''
params.forEach(item => {
dataStr += `<div>
dataStr += `<div>
<div style="margin: 0 8px;">
<div>
<span style="display:inline-block;margin-right:5px;width:15px;height:10px;background-color:${item.color};border-radius: 3px"></span>
@@ -194,7 +195,7 @@ export default {
</div>
</div>`
})
return dataStr
return dataStr + ` <div style="padding-left: 10px;color: #666">百分比:${percent}</div>`
}
},
xAxis: {
@@ -292,6 +293,15 @@ export default {
window.addEventListener('resize', () => {
myChart.resize()
})
},
/**
* 计算百分比
* @param num1 确收金额
* @param num2 合同金额
* */
calcPercent(num1,num2){
let pointNo = Number(num1) / Number(num2) * 100
return pointNo.toFixed(2) + '%'
}
}
}