One-line summary [问题简述]
如下面图所示,因为数据问题把环形图label的数据展示框挤到图形外面了,图形的高度是确定的,450px。能否有办法让label数据展示框不在外面?
Version & Environment [版本及环境]
- ECharts version [ECharts 版本]:3.6.2
- Browser version [浏览器类型和版本]:chrome 63.0.3239.132
- OS Version [操作系统类型和版本]:windows 10专业版 64位操作系统
Expected behaviour [期望结果]
让label数据展示框不在外面
ECharts option [ECharts配置项]
option = {
title={{
text:'点赞率'
}}
tooltip={{
trigger: 'item',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
},
formatter: "{a} <br/>{b}: {c} ({d}%)"
}}
grid={{
// left:'3%',
// right: '4%',
// bottom: '3%',
top:'5%',
containLabel: true
}}
series={{
type:'pie',
name:'点赞率',
selectedMode:['single',''],
radius:[[0,'20%'],['30%','40%']],
label: [{
normal: {
position: 'inner'
}
}, {
normal: {
formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} \n {per|{d}%} ',
backgroundColor: '#eee',
borderColor: '#aaa',
borderWidth: 1,
borderRadius: 4,
padding: [0,0,4,0],
rich: {
a: {
color: '#999',
lineHeight: 18,
align: 'center'
},
hr: {
borderColor: '#aaa',
width: '100%',
borderWidth: 0.5,
height: 0
},
b: {
fontSize: 10,
lineHeight: 18
},
per: {
color: '#eee',
backgroundColor: '#334455',
padding: [2, 4],
borderRadius: 2
}
}
}
}],
labelLine:[{
normal: {
show: false
}
},{}],
data:[this.state.qryHeatImg_dz,this.state.qryHeatImg_dz_industry]
}}
}
Other comments [其他信息]

One-line summary [问题简述]
如下面图所示,因为数据问题把环形图label的数据展示框挤到图形外面了,图形的高度是确定的,450px。能否有办法让label数据展示框不在外面?
Version & Environment [版本及环境]
Expected behaviour [期望结果]
让label数据展示框不在外面
ECharts option [ECharts配置项]
Other comments [其他信息]