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
Forgot the attachments 🙂
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
Thank you for being so responsive to our needs.
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
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.