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.

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

@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.

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

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

simple change in the less file and adding some styles.

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