Skip to Content
author's profile photo Former Member
Former Member

ColumnMicroChart - Custom chart columns width and/or gap

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)

Capture.PNG (15.7 kB)
Add a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

1 Answer

  • author's profile photo Former Member
    Former Member
    Posted on Jul 19, 2016 at 08:56 AM

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

    Add a comment
    10|10000 characters needed characters exceeded

    • 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.

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.