Cornerstone charts and responsive behavior

[Regnalf]

I can’t get the line graphics to fit the dimensions if I want the whole thing to adapt responsively. In the desktop version, the layout fits quite well in 4:2, for example.

But in the mobile version, the problem might be that the whole line graphic is calculated as 4:2, although the upper labels need more space because they break into 2 lines. This leaves no more space for the graphic itself.

However, if I deactivate Maintain Ratio, for example, there are display errors at all:

Deactivating “Responsive” doesn’t really change anything (apart from the fact that the graphic would be too small if the size was set to 4:2)

I would rather have a display like this in the mobile area, which I have now only achieved by changing the settings manually.

Unfortunately, there are no responsive settings for this value, such as for font sizes or general width specifications. So what do I have to set so that it is not too high on desktop and not too small on mobile?

[charlie]

I would turn off “Maintain Ratio” and handle the size of the chart through the container that is holding the Chart. You might have to play around with the height and width to get it looking nice. Worst case scenario you might have to create two charts and hide the charts based on size. Let us know if this helps. Have a great day.

[Regnalf]

This works excellently, even setting the extra container to a fixed height has already delivered a very good result.

Thank you @charlie

[prakash_s]

You are most welcome @Regnalf