Bar chart xAxis grid lines are in centre instead besides

Question

I spent more than half of my day on it and unable to figure out solution

drawing bar chart using Charts pod facing two problems

Required

My output is something like this

Output

search 'Round bar' in Chart issues list in github, there are many discussion. — king wang, Dec 10 '21 at 08:40
you can add `ChartLimitLine` for every `x` in `xAxis`, and set `xAxis.drawGridLinesEnabled = false` — king wang, Dec 13 '21 at 03:29
kun wang xAxis.drawGridLinesEnabled = false. this line of cord just hiding x-axis grid lines. in my case I have to enabled them at besides as shown in requirement.jpeg — Ahmad Qasim, Dec 13 '21 at 04:59
thanks you solved my problem and add your solution in answer instead of comment because bounty reward is yours — Ahmad Qasim, Dec 13 '21 at 06:21

score 1 · Accepted Answer · answered Dec 13 '21 at 08:27

Two method

override XAxisRender to make offset x grid line. override BarChartRenderer to add round corner
use ChartLimitLine instead of x grid line. and fork Chart and change BarChartRenderer to implement round corner

this is my demo implemented all you want with method 2

1 Answers1