Echart legend text set different styles, different series of columns overlapping in the center

option = { legend: { formatter: (name) = > {let arr = '{a |' + name + '} '+' {b | '+ name +' Oriental avenue} 'return arr}, textStyle: {rich: {a: {fontSize: 16, color:' red ', Padding: [0, 0, 0, 20]}, b: {fontSize: 14, color: 'blue', padding: [0, 0, 0, 20]}}}, data: [' expected 'and' actual '],}, xAxis: { show:true, type: 'value', max:200 }, yAxis: [ { type: 'category', axisTick: 'none', axisLine: 'none', data: []}, {show: false, type: 'category', axisTick: 'none', data: [], axisLine: 'none',},], series: [{name:' actual ', type: 'bar', barWidth:'50', yaxisIndex: 0, itemStyle: {color: '# DDD ',}, z:2, data: [180]}, {name:' barGap ', barGap: '-100%', // Make series be overlap barWidth:'60', yAxisIndex: 1, z:1, itemStyle: { color: '#444', }, type: 'bar', data: [200]}]};