jkbngl commented on issue #12096: URL: https://github.com/apache/echarts/issues/12096#issuecomment-2022246785
We managed to solve this issue y using a bargab of -75% to move the gap slightly to the left while giving the inner bar the exact half width of the outer bar, then it matches perfectly in the middle, we also had the requirement to add a target line same as by @brunotourinho this is the result:  And attached also the config: ``` option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: { data: ['Series 1', 'Series 2', 'Series 3'] }, xAxis: { type: 'category', data: ['Category 1', 'Category 2', 'Category 3', 'Category 4', 'Category 5'] }, yAxis: { type: 'value' }, series: [ { name: 'Series 1', type: 'bar', data: [120, 200, 150, 80, 70], barWidth: 80, itemStyle: { color: '#BFBFC2aa' } }, { name: 'Series 2', type: 'bar', data: [100, 180, 130, 90, 60], barWidth: 40, itemStyle: { color: '#7E94B5aa' }, barGap: '-75%' }, { name: 'Series 3', type: 'scatter', symbol: 'line', symbolSize: 30, symbolOffset: [10, 0], data: [20, 80, 40, 120, 70], itemStyle: { color: '#262C36' } } ] }; ``` -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
