Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Exported images are cropped when window is narrow #18409

Open
sebastian-berlin-wmse opened this issue Nov 30, 2021 · 2 comments
Open

Exported images are cropped when window is narrow #18409

sebastian-berlin-wmse opened this issue Nov 30, 2021 · 2 comments
Labels
Bug For errors / faults / flaws / inconsistencies etc. c: Design / UI For issues that impact Matomo's user interface or the design overall.
Milestone
For Prioritization

Comments

@sebastian-berlin-wmse
Copy link

Expected Behavior

Exported image should contain all information.

Current Behavior

Exported image is cropped and parts of the labels are missing.

Possible Solution

I did a bit of hacking on the CSS in the browser and increasing the width of the elements resulted in a full image (after some window resizing to get the canvases to catch up). It may be possible to clone the relevant elements and resizing them before making an image of them. At least that looks like how it's done to me.

A workaround is to resize the window before clicking "Export as image".

Steps to Reproduce (for Bugs)

  1. Set the window width to about 1,000 pixels
  2. Visit the dashboard
  3. In the box "Channel Types"
    3.a. Click "Change visualization", select "Pie chart"
    3.b. Click "Export as Image"

Context

Exporting images, such as the graphs, is a good, quick way to show statistics. You can't really do that if parts of the labels are missing.

Your Environment

  • Matomo Version: 4.6.0
  • PHP version: 7.2.24-0ubuntu0.18.04.10
  • Server Operating System: Ubuntu 18.04.5
  • Additionally installed plugins: CustomVariables, SecurityInfo
  • Browser: Firefox 94.0
  • Operating System: Ubuntu 18.04.6
@sebastian-berlin-wmse sebastian-berlin-wmse added the Potential Bug Something that might be a bug, but needs validation and confirmation it can be reproduced. label Nov 30, 2021
@bx80
Copy link
Contributor

bx80 commented Nov 30, 2021

Hi @sebastian-berlin-wmse, thanks for reporting this issue. I can confirm that if any part of the chart canvas is being cropped before clicking export as image then the resulting exported image will also be cropped. As you note it's easy to workaround by maximizing the widget before export, but it would be much better to have this happen automatically as part of the export action.

@bx80 bx80 added Bug For errors / faults / flaws / inconsistencies etc. c: Design / UI For issues that impact Matomo's user interface or the design overall. and removed Potential Bug Something that might be a bug, but needs validation and confirmation it can be reproduced. labels Nov 30, 2021
@atom-box
Copy link

atom-box commented Jan 24, 2024 •
edited

A user reported this issue today.

e.g.
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug For errors / faults / flaws / inconsistencies etc. c: Design / UI For issues that impact Matomo's user interface or the design overall.
Projects
None yet
Milestone
For Prioritization
Development

No branches or pull requests
4 participants
@atom-box @sebastian-berlin-wmse @bx80 @innocraft-automation