Untitled

type: custom:flex-horseshoe-card
entities:
  - id: 0
    entity: sensor.solax_today_s_yield
    decimals: 1
    name: Today Yield
    unit: kWh
    icon: mdi:transmission-tower
  - id: 1
    entity: sensor.solax_today_s_import_energy
    decimals: 1
    name: Import
    unit: kWh
  - id: 2
    entity: sensor.solax_today_s_export_energy
    decimals: 1
    name: Export
    unit: kWh
  - id: 3
    entity: sensor.solax_grid_import
    decimals: 1
    name: Actual Grid import
    unit: W
show:
  scale_tickmarks: null
  horseshoe_style: lineargradient
layout:
  hlines:
    - id: 0
      xpos: 50
      ypos: 42
      length: 70
      styles:
        - stroke: var(--primary-text-color);
        - stroke: Cyan;
        - stroke-width:2;
        - stroke-linecap: round;
        - opacity: 0.8;
    - id: 1
      xpos: 50
      ypos: 60
      length: 60
      styles:
        - stroke: var(--primary-text-color);
        - stroke: Cyan;
        - stroke-width: 2;
        - stroke-linecap: round;
        - opacity: 0.7;
  vlines:
    - id: 0
      xpos: 50
      ypos: 51
      length: 16
      styles:
        - stroke: var(--primary-text-color);
        - stroke: Cyan;
        - stroke-width: 2;
        - stroke-linecap: round;
        - opacity: 0.7;
  states:
    - id: 0
      entity_index: 0
      xpos: 50
      ypos: 40
      styles:
        - font-size: 2.5em;
    - id: 1
      entity_index: 1
      xpos: 20
      ypos: 52
      styles:
        - text-anchor: start;
        - font-size: 1.8em;
    - id: 2
      entity_index: 2
      xpos: 52
      ypos: 52
      styles:
        - text-anchor: start;
        - font-size: 1.8em;
    - id: 3
      entity_index: 3
      xpos: 36
      ypos: 74
      styles:
        - text-anchor: start;
        - font-size: 2em;
  icons:
    - id: 0
      entity_index: 0
      xpos: 50
      ypos: 20
      align: null
      size: 0,2
  names:
    - id: 0
      entity_index: 0
      xpos: 35
      ypos: 27
      styles:
        - font-size: 0.8em;
        - text-anchor: start;
    - id: 1
      entity_index: 2
      xpos: 52
      ypos: 59
      styles:
        - font-size: 0.8em;
        - text-anchor: start;
    - id: 2
      entity_index: 1
      xpos: 27
      ypos: 59
      styles:
        - font-size: 0.8em;
        - text-anchor: start;
    - id: 3
      entity_index: 3
      xpos: 25
      ypos: 81
      styles:
        - font-size: 0.8em;
        - text-anchor: start;
horseshoe_scale:
  min: 0
  max: 20
color_stops:
  "500": Cyan