In der "apexcharts-card" das grid ausblenden oder ändern?

[CADdy]

Hallo miteinander,

ich möchte in einer apexcharts-card das grid farblich ändern. Ich wurschtle jetzt seit Stunden ohne brauchbares Ergebnis rum.

Hier ist meine Konfiguration:

type: custom:apexcharts-card
style: |
  ha-card {
    background-color: #061030;
    border: 1px double var(--primary-color);
  }
experimental:
  color_threshold: true
series:
  - entity: sensor.temp_wareneingang
    extend_to: now
    color_threshold:
      - value: 15.3
        color: red
        opacity: 1
      - value: 15.4
        color: chartreuse
      - value: 24.4
        color: chartreuse
      - value: 24.5
        color: red
    show:
      extremas: false
      header_color_threshold: true
    fill_raw: last
graph_span: 24h
span:
  start: day
apex_config:
  chart:
    height: 160px
show:
  last_updated: true
header:
  show: true
  title: Wareneingang (Shuttle)
  show_states: true
  colorize_states: true
now:
  show: true
  color: yellow
  label: Jetzt
yaxis:
  - decimals: 1
    align_to: 2
# grid:
#   strokeColors: ['#E8E8E8']

Die beiden letzten Zeilen waren mein vorerst letzter Versuch, den ich irgendwo gefunden habe - leider ebenfalls ohne Ergebnis.
Ich möchte das grid hinter dem Graphen am besten farblich verändern. Gibt es denn da überhaupt keine Möglichkeit?

Servus
Peter

 

[CADdy]

So sieht das dann auf dem Monitor aus:



Wenn das grid ein ganzes Stück dunkler wäre, wäre das optimal.

Peter

 

[CADdy]

Nach langer Suche habe ich die Nadel im Heuhaufen gefunden:

apex_config:
  chart:
    height: 160px
  grid:
    show: true
    borderColor: '#404040'
    strokeDashArray: 7
    position: back

So kann man die grid-color bestimmen