echart中图列与圆环图重叠，怎么图列过多的情况下自适应？-灵析社区
半寸时光爱思考echart中图列与圆环图重叠，怎么图列过多的情况下自适应
感觉对了建议你将图例分页，把legend的type属性改为scroll，不然你整个chart就很不可控，可参考
option = {
tooltip: {
trigger: 'item'
},
legend: {
type:'scroll',
top: '5%',
left: 'center'
},
series: [
{
name: 'Access From',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: [
{ value: 1048, name: 'Search Engine' },
{ value: 735, name: 'Direct Search Engine' },
{ value: 580, name: 'Email Search Engine' },
{ value: 484, name: 'Union ds Search Engine' },
{ value: 300, name: 'Video ds Search Engine' },
{ value: 1048, name: 'Search Enine Search Engine' },
{ value: 735, name: 'Direc Search Engine' },
{ value: 580, name: 'Emil Search Engine' },
{ value: 484, name: 'Union ds Search Engine' },
{ value: 300, name: 'Video As Search Engine' },
{ value: 1048, name: 'Serch Enin Search Enginee' },
{ value: 735, name: 'Drct Search Engine' },
{ value: 580, name: 'Eail Search Engine' },
{ value: 484, name: 'Uion ds Search Engine' },
{ value: 300, name: 'Vdeo ds Search Engine' },
{ value: 735, name: 'Diect Search Engine' },
{ value: 580, name: 'Emi Search Engine' },
{ value: 484, name: 'Union ds Search Engine' },
{ value: 300, name: 'Vieo As Search Engine' },
{ value: 1048, name: 'Srch Enine Search Engine' },
{ value: 735, name: 'Darch Engine' },
{ value: 580, name: 'Earch Engine' },
{ value: 484, name: 'Uinch Engine' },
{ value: 300, name: 'Verch Engine' },
{ value: 484, name: 'Uiorch Engine' },
{ value: 300, name: 'Vdeo ds Search Engine' },
{ value: 735, name: 'Diarch Engine' },
{ value: 580, name: 'Emi Search Engine' },
{ value: 484, name: 'Uniorch Engine' },
{ value: 300, name: 'Vie Search Engine' },
{ value: 735, name: 'Dct Search Engine' },
{ value: 580, name: 'Eearch Engine' },
{ value: 484, name: 'Uinarch Engine' },
{ value: 300, name: 'Veo dsSearch Engine' }
]
}
]
};