Need a special offer?Find out if your project fits.
+

Chart Axis Scale, Cannot Fit Data Labels

Answered
Serban Vasile asked on August 20, 2019

Hi there,
Please see my attachments. We have a problem fitting the chart labels (showDataLabels = 'true') onto the chart area. The top most labels sometimes get trimmed. Since they are svg elements, there is no z-index I could play with to push them on top. The issue is that the scale of the y-axis is not allowing enough space for the top-most nodes.
If you are suggesting moving the label around, we did a lot of testing with the css.
We are using

.fm-data-label {
font-weight: bold!important;
outline: #212121solid1px!important;
outline-offset: 1px!important;
transform: translate(0px, -7px) !important;
}

The option of moving the label under the node is not valid for us, since a drilldown to smaller values would make the labels interfere with the x-axis (second screenshot).
So, final question, is there a way to control the scale on the y-axis, to be able to allow more space on top of our max(y dimension), so that these labels can fit?
Thanks a bunch,
Serban

5 answers

Public
Serban Vasile August 20, 2019

Forgot the attachments 🙂 

Public
Ian Sadovy Ian Sadovy Flexmonster August 21, 2019

Hello Serban,
 
Thank you for such a detailed description.
It looks like something we can fix (by adding some extra space for labels on top and limiting labels top by the visible area). The fix will be released in the next minor release (ETA Sep 9).
 
Please let us know if it works for you.
 
Regards,
Ian

Public
Serban Vasile August 21, 2019

Thank you for being so responsive to our needs.

Public
Vera Didenko Vera Didenko Flexmonster September 10, 2019

Hello, Serban,
 
We are glad to announce that the issue with cropped data labels on charts was fixed.
 
This is provided in the 2.7.14 version of Flexmonster: https://www.flexmonster.com/release-notes/
 
You are welcome to update the component.
Here is our updating to the latest version guide for assistance: https://www.flexmonster.com/doc/updating-to-the-latest-version/ 
 
Please let us know if everything works.
 
Best Regards,
Vera

Public
Serban Vasile September 11, 2019

Already updated, everything works OK now. I also noticed that the new proportions of the chart look better with more reserved space up top. Great job. Thanks again for listening to our needs.

Please login or Register to Submit Answer