【修改】增加百分比展示
This commit is contained in:
@@ -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) + '%'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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) + '%'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user