Annotation for min and max in a specific timeframe

[marce14-git]

I am trying to copy my apexchart graph with annotations/labels at min and max, preferably in the last 24h, or in the next 24h for the forcast

thanks in advance

[dbuezas]

Hi Marce,
I don't see any simple way of doing this without using custom functions.
If you want to style the annotations, take a look at these:

• https://plotly.com/javascript/text-and-annotations/
• https://plotly.com/javascript/reference/layout/annotations/#layout-annotations

type: custom:plotly-graph
hours_to_show: 12

entities:
  - entity: sensor.openweathermap_temperature
    fn: |- # put this one at the end of the entity
      $ex {
        let max = {y: -Infinity};
        let min = {y: +Infinity};
        for (let i = 0; i < ys.length; i++){
          const x = xs[i];
          const y = parseFloat(ys[i]);
          if (y > max.y) max = {x, y};
          if (y < min.y) min = {x, y};
        }
        vars.min = min
        vars.max = max
      }

layout:
  annotations:
    - x: $ex vars.min.x
      y: $ex vars.min.y
      text: $ex vars.min.y.toFixed(2)
      ax: -30
      ay: -40
    - x: $ex vars.max.x
      y: $ex vars.max.y
      text: $ex vars.max.y.toFixed(2)
      ax: -30
      ay: -40

[marce14-git]

wow you are a genius, thank you so much!

[jopkoene]

@dbuezas I want to combine this annotation with the hourly forecast fn in this post, but it seems to clash with the - fn: "({vars}) => vars" part of that code (getting a TypeError). It does seem to work, just getting that error message. Do you have any idea how to clean it up?

[dbuezas]

You seem to have a syntax error in the second filter of the 80th entity. You can remove that entity if you don't find the error