ColumnMicroChart - Custom chart columns width and/or gap

[Former Member]

Hi all,

My question is very simple, yet I have not found the answer I was looking for.
There goes :
I'm currently working with column micro charts, and as I display them on tiles (standard tiles), I have some width constraints (I chose width="22rem" as a property of my microchart). That's where I'm starting to get some trouble. Indeed, when the chart is empty, I have no problem whatsoever. When it starts filling with data, however, the columns start piling up on each other and make the chart wrong and unreadable. The columns become very tiny, yet the gap between the columns remains really large. Finally, it seems the columns are in the wrong order because they would "go around", as if there wasn't enough space to fit them all so they would go back to beginning and keep on printing on each other.

I've tried displaying the charts outside of a tile, with the same width constraints, still not working.

So, is there a solution to that ? Has anyone encountered the issue ?

Edit : There's a picture to show you what happens exactly (the chart malfunctioning is the upper left one, the columns should be at the same spot as the other charts)

[Former Member]

Sorry to insist, has anybody ever encountered such an issue ? Has anybody found the solution to this, or a workaround ?

[Former Member]

I found a solution, which is not completely satisfying but works anyway :
I created a class and gave it to my micro chart, then in my css I added a style on .myClass .sapSuiteClMCSemanticColorNeutral fixing column width and left-margin to values I decided beforehand. I was hoping there was a better way of doing that, but it works.