matomo-org / matomo

Empowering People Ethically with the leading open source alternative to Google Analytics that gives you full control over your data. Matomo lets you easily collect data from websites & apps and visualise this data and extract insights. Privacy is built-in. Liberating Web Analytics. Star us on Github? +1. And we love Pull Requests!
https://matomo.org/
GNU General Public License v3.0
19.64k stars 2.62k forks source link

Export beautiful graphics #18858

Open bennostaub1 opened 2 years ago

bennostaub1 commented 2 years ago

The graphics (this concerns all graphs, pie charts, etc.) should be exportable in a much higher resolution, e.g. as PNG. The current resolution of the graphics is insufficient even for a PowerPoint presentation. The axis labels also need optimization - the subdivisions are often anything but intuitive for both time axes and Y-axes, which makes it difficult to interpret the data and thus communicate the results. Ideally, one should additionally be able to predefine personal color combinations (for the purpose of alignment with a company CI) and preferred aspect ratios (a disproportionately wide graphic often appears in large view).

Findus23 commented 2 years ago

Just to be sure? Are you referring to the plots in the Matomo UI or the ones in the E-Mail report? In the former case, this might be a matter of https://github.com/matomo-org/matomo/issues/4969

bennostaub1 commented 2 years ago

Yes, exactly. I meant the matomo UI.

28.02.2022 10:11:41 Lukas Winkler @.***>:

Just to be sure? Are you referring to the plots in the Matomo UI or the ones in the E-Mail report?

— Reply to this email directly, view it on GitHub[https://github.com/matomo-org/matomo/issues/18858#issuecomment-1054042087], or unsubscribe[https://github.com/notifications/unsubscribe-auth/AS7HARNWEGC46VQR5IGLEGLU5M34XANCNFSM5PQNFIDQ]. Triage notifications on the go with GitHub Mobile for iOS[https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675] or Android[https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub]. You are receiving this because you authored the thread. [data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAArSURBVHic7cEBDQAAAMKg909tDjegAAAAAAAAAAAAAAAAAAAAAAAAAAA+DFFIAAEctgHwAAAAAElFTkSuQmCC###24x24:true###][Verfolgungsbild][https://github.com/notifications/beacon/AS7HARPBHOWN2FMF4WV2KYTU5M34XA5CNFSM5PQNFID2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOH3JWPZY.gif]

atom-box commented 2 years ago

Problem: When a user clicks on the Export as Image, a div that is maybe 300px x 90px appears sometimes (see below screenshot). It's really tiny. And it doesn't stretch well when copy/pasted.

Solution: Render that image as nearly full screen, in the HTML or CSS can we just say something like <img width=90%>or width=1200pxor similar? In CSS at least I know that makes the resolution more crisp when copied and pasted.

exported-image-is-very-low-resolution

Right now, users are copying this 300px image and pasting it and stretching the low resolution image.

Maybe this could be a very quick remedy, while we wait for the #4969 issue of a new visualization library?

sgiehl commented 2 years ago

@atom-box The image is always shown in the size it was displayed before. On the dashboard you can maximize the widget before. That way also the export should be bigger.

atom-box commented 2 years ago

Does maximize mean the same as zoom? If I zoom, the modal centers itself on an overflowed container div, I think: image

Just got another comment on this. A user writes what they would most like to see changed about Matomo:

"Possibility of making BEAUTIFUL personalized reports: with or without graphs for EACH table, limit the number of table rows, customize the presentation, the graph instead of the standard 28-page reports!"

atom-box commented 2 years ago

Is 18942 related? "More beautiful reports with 100% width"

mJ25-fr commented 2 years ago

"Beautifull report" doesn't mean "100%". It means i'd like to create a periodical PDF report with a graphic or a simple table for EACH table i want in the report, chose what kind of graphic, define the number of lines in a table report, ... Something a bit more "userfriendly"

atom-box commented 7 months ago

The image is always shown in the size it was displayed before.

Could we just default to 90% full width? Technically it is easy. Is there any downside though?