Charts: Chart tooltips with long labels are truncated and not fully visible

[lv-sap]

Describe the bug

Chart tooltips with long labels are truncated and not fully visible on small screen (320px wide)

Isolated Example

No response

Reproduction steps

1. For default line charts see https://ui5.github.io/webcomponents-react/v2/?path=/story/charts-linechart--default&args=measures[1].label:Active+Sessions+-+with+a+veeeerry+long+text&globals=viewport.value:mobile1;viewport.isRotated:!true
2. For line charts with custom color see https://ui5.github.io/webcomponents-react/v2/?path=/story/charts-linechart--with-custom-color&globals=viewport.value:mobile1;viewport.isRotated:!true
3. For donut charts see https://ui5.github.io/webcomponents-react/v2/?path=/story/charts-donutchart--with-custom-legend-config&args=chartConfig.legendConfig.iconSize:10;chartConfig.legendConfig.wrapperStyle.padding:1px&globals=viewport.value:mobile1;viewport.isRotated:!true It also overlaps the chart when the center label text is very long.

Expected Behaviour

All data label must not overlap with the chart and not be truncated when they have long texts. (Wrapping the text, if necessary, I guess it would be OK).

Screenshots or Videos

---- ---- ---- ---- ----

UI5 Web Components for React Version

v2

UI5 Web Components Version

v2

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.