自定义标签内容使用series.data.labelText ,不支持换行,所以说 \n 是不会起效果的
series: [{
data: [
{
name: i.name,
value: i.value,
labelText: i.value+ '(人)' + '\n' + 'i.name'
}
],
}]
const percent = []
let total = 0
let percentage = 0
this.res.forEach((i) => {
total = total + i.value
})
this.res.forEach((i) => {
percentage = Number(Number((i.value / total) * 100).toFixed(0)) // 计算百分比
const reasonData = {
name: this.locale == 'zh' ? i.nameZh : i.nameEn,
value: i.value,
labelText: percentage + '%' + '\n' + (this.locale == 'zh' ? i.nameZh : i.nameEn)
}
percent.push(reasonData)
})
setTimeout(() => {
let res = {
series: [{
data: percent,
}]
}
this.Charts('Canvas', res)
},500)