asked on August 8, 2024
Hello, when viewing a chart with the type "column_line" and "showDataLabels: true" at times the labels are overlapping. How to solve this?
⋅ August 9, 2024
Hello,
Thank you for reaching out to us.
We recommend using the afterchartdraw event to detect the overlapping labels and update the overlapping label's coordinates.
You are welcome to check the following JSFiddle demonstrating the described approach: https://jsfiddle.net/flexmonster/08aez1uq/.
Please let us know if it works for you. Looking forward to hearing from you.
Kind regards,
Nadia
⋅ August 14, 2024
I understand, but wouldn't that be a bug? Shouldn't the Flexmonster library itself handle this scenario in a global way?
⋅ August 15, 2024
Hello,
Thank you for the response.
You are correct that this is not the expected behavior of Flexmonster. Our team will take a look at the described issue and provide a fix with our minor release with the ETA September 16th. We will notify you about the release. As a temporary workaround, please use the previously provided approach with the afterchartdraw event.
Feel free to contact us if other questions arise.
Kind regards,
Nadia
⋅ September 18, 2024
Hello,
We are glad to inform you that the issue with overlapping labels in the column line chart was fixed.
This fix is provided in the 2.9.86 version of Flexmonster: https://www.flexmonster.com/release-notes/version-2-9-86/
You are welcome to update the component: https://www.flexmonster.com/doc/updating-to-the-latest-version/
Please tell us if the fix works.
Best regards,
Nadia
⋅ September 18, 2024
Hello, thank you for reply. I tested it here and the problem no longer occurs.
Thank you.
⋅ September 18, 2024
Hi,
Thank you for the feedback!
We are glad to hear that it works for you.
Feel free to contact us if other questions arise.
Kind regards,
Nadia
