Any way to move the value indicator within the hover-over value window?

[onionmad]

The mouse cursor/pointer is sometimes blocking the textual representation of the current value, within the hover/tooltip(?) popup window. Is there any way to move the alignment of the hover-view Y-value representation, to make it center aligned within the box, instead of being left-aligned (or right, where the cursor/pointer also obscures the value in those cases).

[dbuezas]

Yes! :)
Plotlyjs offers multiple options to configure the hover tooltip:

• layout: hoverlabel: align: ... https://plotly.com/javascript/reference/#layout-hoverlabel-align
• layout: hovermode: ...: https://plotly.com/javascript/reference/#layout-hovermode

[onionmad]

__Amazing!
Any chance you could provide a simple dashboard card .yaml where a specific alignment is set? Clearly, I am way off with this attempt:

type: custom:plotly-graph
entities:
  - entity: sensor.outlet_kitchen_table_power
    show_value: true
  - entity: sensor.outlet_kitchen_table_power
    name: (Filtered)
    show_value: false
    filters:
      - resample: 10s
      - exponential_moving_average:
          alpha: 0.1
hours_to_show: 0.5
refresh_interval: auto
layout.hoverlabel.align = "right"
autorange_after_scroll: true

[dbuezas]

You were close. In yaml you can write it like this:

layout:
  hoverlabel:
    align: right

I think this should have you the key to try all the other things you can see in the plotly docs :)

[onionmad]

Many thanks!

Any chance you could direct me to an example of how to set global definitions for settings such as layout parameters, so that I don't have to repeat the settings in each an every plot card where I would like to use these common settings. I have tried searching but my lack of .yaml knowledge means I probably don't even know what to search for...

[dbuezas]

There is no feature for "global" defaults shared across plots.
I'd be willing to add that if someone comes up with a nice api for it