I can't seem to change the alignment of labels on pie. Have tried different combinations of align, verticalAlign but the label position does not change.
{
name:'time',
type:'pie',
radius : ['70%', '75%'],
data: this.getOptionClock1()
}
getOptionClock = () => {
const data = [];
for(let i=0; i<24; i++) {
data.push({
value: 1,
name: clockLabel(i),
label: {
show: clockLabelShow(i),
position: 'inside',
align: 'center',
verticalAlign: 'middle',
padding: clockLabelPadding(i),
},
labelLine: { show: false },
itemStyle: {
color: clockColor(i),
},
});
}
return data;
}
I can't seem to change the alignment of labels on pie. Have tried different combinations of align, verticalAlign but the label position does not change.