Apexcharts -- adding point data labels

Configuration Frontend
,
1

I’m plotting a tide graph:

image
image954×710 22.4 KB

I’m able to hard-code a point, but I can’t figure out how to add them from data stored in an entity’s attribute. The docs say some options can use an EVAL function, but haven’t had luck figuring that out – if even posible for the points.

Here’s the card:

type: custom:apexcharts-card
graph_span: 3d
span:
  start: day
now:
  show: true
all_series_config:
  stroke_width: 1
  extend_to: now
header:
  show: true
  title: Tides
  show_states: false
  colorize_states: false
series:
  - entity: sensor.tide_graph_data
    unit: ft
    data_generator: |
      return entity.attributes.plot_data
apex_config:
  annotations:
    points:
      - x: 1764248400000
        y: 4.019
        marker:
          size: 6
          fillColor: red
          strokeColor: yellow
          radius: 2
        label:
          text: 4.019 ft
          style:
            background: black

My goal is to mark the high and low tides. I have that data in an attribute.

Thanks,