Improve readability of visualizations in reports

[jctello]

Wazuh	Elastic	Rev	Security
4.2.5	7.10.2	4206-1	ODFE
4.3.0-RC1	7.10.2	4301-0	ODFE
4.2.5	7.14.2	4206-1	Basic

Browser
Chrome, Firefox

Description

The Generate Report functionality produces graphs with clipped elements, tiny fonts, compression artifacts, unnecessary white spaces and will be highly dependent on the width of the browser when the button to Generate Report is clicked.

The fonts are inconsistent

Steps to reproduce

1. Click Generate Report on any dashboard
2. Pay attention to the legends of the graphs

Expected Result

1. Consistent readable fonts
2. Consistent placement of visualizations within a page
3. No compression artifacts
4. No unnecessary elements such as the "Toggle legend" button
5. Report should be independent of window size when generated

Actual Result

Screenshots

ODFE 4.2.5 - Chrome on Windows - full screen width (~1800 px)

ODFE 4.2.5 - Chrome on Windows - small window width (~800 px)

Elastic Basic 4.2.5 - 7.14.2 - Firefox on Linux - Full Screen width (~1800px)

Elastic Basic 4.2.5 - 7.14.2 - Firefox on Linux - small window width (~800 px)

ODFE 4.3.0 - Firefox on Linux - Full Screen width (~1800px)

ODFE 4.3.0 - Firefox on Linux - small window width (~800 px)

Additional context The screenshots shown on this issue were made at 100% zoom. Readability improves in some cases when zooming further in but this is not ideal specially when the report is presented in a printable letter paper size format.

The window size in the header for each screenshot refers to the size of the browser when the Generate Report button was pressed. The expected result is that the size of the browser window should not affect the report function.

[marcin2383838383]

hello, i opened similar thread, maybe it will be helpfull :) : https://github.com/wazuh/wazuh-kibana-app/issues/3822