英文标题中,设置遇到空格换行 v.name.split(" ").join(" ")
itemStyle: { normal: { label: { show: true, formatter: function(v) { //让series 中的文字进行换行 //文字中遇到空格就换行 let text = Math.round(v.percent)+'%' + " " + '{hr|}' + '' + v.name.split(" ").join(" "); return text; } }, labelLine: { show: true } } }
中文标题,根据文字长度判断换行
formatter(v) { let text = Math.round(v.percent) + '%' + '' + v.name if(text.length <= 8) { return text; } else if(text.length > 8 && text.length <= 16) { return text = `${text.slice(0,8)} ${text.slice(8)}` } else if(text.length > 16 && text.length <= 24) { return text = `${text.slice(0,8)} ${text.slice(8,16)} ${text.slice(16)}` } else if(text.length > 24 && text.length <= 30) { return text = `${text.slice(0,8)} ${text.slice(8,16)} ${text.slice(16,24)} ${text.slice(24)}` } else if(text.length > 30) { return text = `${text.slice(0,8)} ${text.slice(8,16)} ${text.slice(16,24)} ${text.slice(24,30)} ${text.slice(30)}` } }