Hello Oracle APEX Community,
I've encountered an issue with the rendering of chart legends in Oracle APEX. Specifically, the text labels of the legends are overlapping with the icons, making the chart difficult to read and interpret (see attached image).
The chart displays various data points across cities, but the legend icons do not dynamically adjust to accommodate the associated text. This issue persists even after exploring the SVG elements within the legend container (specifically "svg g g g:nth-child(5) rect").
It seems that the legend icons are static, and their positioning does not respond to the length of the text labels. I am looking for a solution to make the legend icons dynamic so that they align properly with the text, ensuring clarity and readability.
Has anyone else faced this issue? Any insights on how to adjust the SVG elements or any other workaround to fix the legend overlap would be greatly appreciated.
I'm also open to any CSS or JavaScript-based solutions that could dynamically adjust the spacing between the legend icons and text.
Thank you in advance for your assistance.