今天使用echarts时发现官网示例图例部分并没有进行对齐,一上一下逼死强迫症,经过对文档的查询,发现可以通过对textStyle-height以及rich的设置调整对齐方式

第一种方式

textStyle: {
fontSize: 14,
height: 10,
rich: {
a: {
verticalAlign: 'middle',
},
}
},

第二种方式

textStyle: {
fontSize: '12px',
fontWeight: 400,
color: '#fff',
rich: {
a: {
verticalAlign: 'middle',
}
},
lineHeight: 12,
padding:[0,-2,-4,-4],
},

echarts legend 图例与文字对齐问题_图例