饼图标签重叠 & 超出
series: [
{
type: 'pie',
name: '数据来源',
radius: ['40%', '60%'],
avoidLabelOverlap: true, // 是否启用防止标签重叠策略
minAngle: 20, // 最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互
label: {
fontSize: 14,
fontWeight: 'bold',
formatter: (text) => { // 设置一定长度换行
const percent = `${text.percent.toFixed(0)}%`;
text = text.name.replace(/\S{6}/g, function (match) {
return `${match}\n`;
});
return `${text}: ${percent}`;
},
},
emphasis: {
label: {
fontSize: 16,
fontWeight: 'bold',
},
},
data: data
},
],
折线图多个Y轴
yAxis: [
{
type: 'value',
},
{
type: 'value',
axisLabel: {
show: true,
interval: 'auto',
formatter: '{value}%',
},
},
],
series: [
{
name: this.selected.typicalQuestionName,
smooth: 0.6,
type: 'line',
stack: '总量',
data: data.map((item) => (fixFlag ? Number(Number(item[selectValue]).toFixed(2)) : item[selectValue])),
yAxisIndex: Number(fixFlag), // 显示第 i 个 Y 轴
label: {
show: true,
formatter: fixFlag ? '{c}%' : '{c}',
},
},
],