Text sensor on graphs

[jazzmonger]

Describe the solution you'd like
A clear and concise description of what you want to happen.

I have complex logic for several sensors that I track in in a graph. One of them is a text sensor that changes state from idle/heat/cool/off and I'd like to be able to illustrate that in a graph WITH the text. Of course I can represent that with a 1/2/3/4 step function, but knowing when that sensor changes and what the state is would be very cool.

How would it be defined in yaml?

type: custom:plotly-graph
entities:
  - entity: sensor.monthly_internet_energy
     entity_feature_config: xxx
global_feature_config: xxx

Scribble
When applicable, paste a drawing of how the feature would look like

I'd like to annotate the changing state on a line at the bottom of this graph:

Additional context
Add any other context or screenshots about the feature request here.

[dbuezas]

Hi there 👋

here's a way of doing it:

type: custom:plotly-graph
hours_to_show: 10m
entities:
  - entity: sensor.teich_temperature
    mode: markers+text+lines
    textposition: top
    text: $ex ys

the $ex you see there means "this is an expression", and ys just means "put the array of y values in there". See more about universal functions and expressions here. You can probably combine it with texttemplate to format it or just this instead:

$ex ys.map(y => `the value is: ${y}`)

---

Alternatively you may want to use a bar chart instead and avoid setting the text array yourself, see this Show&Tell: #223

[jazzmonger]

I can do that already! I'm more thinking of this:

Right now I have to use various values for each state of the sensor. I want the TEXT of the sensor, and right now there's no way to display the changing state of a text sensor

[dbuezas]

Mmm I see. It sounds totally doable with filters though

[dbuezas]

I mean, you can use filters to only keep non duplicates, then use the text array as i showed above and you should be done

[jazzmonger]

hmmm... ok, I 'm not so good w/ code like that. I havent found any examples or I would have been all over it.

[dbuezas]

Search for this deduplicate_adjacent in the readme. I don't think you need JavaScript for this, only filters. You'll have to read a bit, but it should get you started.
Feel free to post your yaml if you get stuck :)