@mattab opened this Issue on October 18th 2019 Member

Since #955 and https://github.com/matomo-org/matomo/pull/13689 Evolution graphs show a button to switch the display of historical data by day, week, month or year, it looks like this:


The feature is a little hidden. Be great to make it easier to discover this feature.


  • we show the buttons always on the graph? Something like this:

  • or maybe the current selected period could be displayed as text next to the icon at the bottom right, so it more clearly appears as clickable?

@flamisz commented on April 8th 2021 Contributor

Hi @mattab,
how do you feel about putting it under the graph, like in the middle. This is probably the quickest way, but of course it can be on the top right, but probably takes more time.

Screen Shot 2021-04-08 at 3 31 25 PM

This would be visible every time (not just when hovered) and of course would be better formatted with css.

@mattab commented on April 9th 2021 Member

@flamisz I reckon we might not want to show all the 4 states at all times (too much info/pixels). But showing the text label of the current state, will "hint" users that other states are available (and which one they're currently looking at).

maybe we could try to move the icon to the right, and adding the text label on the right of the icon, like roughly on this mockup, could work? No idea if it will feel right but it might. Then on hover the icon+text would have the colored background. And show the select list on hover.

edited Screenshot from 2021-04-09 17-35-28

@flamisz commented on April 11th 2021 Contributor

thanks @mattab, I can make today a quick change, so you can see it feels. I'll let you know when it's ready.

@flamisz commented on April 12th 2021 Contributor

@mattab this is a short video how could it look like:


simple change in the less file and adding some styles.

@mattab commented on April 12th 2021 Member

Nice! it looks good to me.
(would write the label like the submenu font: same size, and case)

This Issue was closed on April 21st 2021
Powered by GitHub Issue Mirror