以曲線為主(有帶與不帶)
YAML

帶曲線

type: vertical-stack
cards:
  - type: custom:mushroom-template-card
    primary: "目前電量: {{ states('sensor.ups_battery_level') | float | round(0) }}%"
    secondary: |-
      {% if is_state('binary_sensor.ups_battery_state', 'on') %}
        ✅ 外部供電中 (電壓: {{ states('sensor.ups_bus_voltage') }}V)
      {% else %}
        ⚠️ 電池供電中 (電流: {{ states('sensor.ups_current') }}mA)
      {% endif %}
    icon: |-
      {% if is_state('binary_sensor.ups_battery_state', 'on') %}
        mdi:power-plug
      {% else %}
        mdi:battery-alert
      {% endif %}
    icon_color: |-
      {% if is_state('binary_sensor.ups_battery_state', 'on') %}
        blue
      {% else %}
        orange
      {% endif %}
    fill_container: true
    multiline_secondary: true
    tap_action:
      action: more-info
    entity: sensor.ups_battery_level
  - type: custom:mini-graph-card
    entities:
      - entity: sensor.ups_battery_level
        name: 電量歷史
    line_color: "#4caf50"
    line_width: 4
    font_size: 75
    hours_to_show: 24
    points_per_hour: 4
    show:
      name: false
      icon: false
      state: false
      fill: fade
      extrema: true
    card_mod:
      style: |
        ha-card {
          margin-top: -10px;
        }

不帶曲線

type: custom:mushroom-template-card
primary: >-
  目前電量: {{ states('sensor.ups_battery_level') | float | round(0) }}%
secondary: >-
  {% if is_state('binary_sensor.ups_battery_state', 'on') %}
    ✅ 外部供電中 (電壓: {{ states('sensor.ups_bus_voltage') }}V)
  {% else %}
    ⚠️ 電池供電中 (電流: {{ states('sensor.ups_current') }}mA)
  {% endif %}
icon: >-
  {% if is_state('binary_sensor.ups_battery_state', 'on') %}
    mdi:power-plug
  {% else %}
    mdi:battery-alert
  {% endif %}
icon_color: >-
  {% if is_state('binary_sensor.ups_battery_state', 'on') %}
    blue
  {% else %}
    orange
  {% endif %}
fill_container: true
multiline_secondary: true
tap_action:
  action: more-info
entity: sensor.ups_battery_level