记录南方电网集成UI界面使用（sensor和apexcharts-card卡片）

hunl1986 · 发表于 2023-7-3 01:13:05

本帖最后由 hunl1986 于 2024-1-5 11:19 编辑

因cubicpil大大的南方电网电费数据HA集成（https://bbs.hassbian.com/thread-18578-1-1.html），免除我原来的电费接入的麻烦，但使用下来和自己习惯还是有点差别，所以自己微微优化了一下。

更改了一下传感器的代码，让每月1号不会显示错误

一、增加“上月电费”和"用电历史记录"两个传感器

游客，如果您要查看本帖隐藏内容请回复

"用电历史记录"增加history_day_value属性，为上月的用电记录和本月用电记录合并（最主要用来查看最近30天用电记录，原集成的sensor.XXXXXXXXXXXX_latest_day_kwh用apexcharts-card卡片显示时不好用，sensor.XXXXXXXXXXXX_this_month_total_usage又只能看到当月，如果是在月初，只能看到几天的，不习惯）

二、UI界面显示

type: vertical-stack
cards:
  - type: horizontal-stack
    title: 用电状态
    cards:
      - type: sensor
        entity: sensor.XXXXXXXXXXXX_this_month_total_usage
        name: 本月用电
        icon: mdi:home-lightning-bolt-outline
      - hours_to_show: 24
        graph: none
        type: sensor
        entity: sensor.XXXXXXXXXXXX_latest_day_kwh
        name: 昨天用电
        icon: mdi:home-lightning-bolt-outline
        detail: 1
      - hours_to_show: 24
        graph: none
        type: sensor
        entity: sensor.XXXXXXXXXXXX_arrears
        detail: 1
        icon: mdi:currency-jpy
        unit: 元
        name: 应交电费
  - type: horizontal-stack
    cards:
      - type: sensor
        entity: sensor.XXXXXXXXXXXX_last_month_total_usage
        name: 上月用电
        icon: mdi:home-lightning-bolt-outline
      - hours_to_show: 24
        graph: none
        type: sensor
        entity: sensor.airpowerheatertemperature
        name: 上月电费
        detail: 1
        icon: mdi:currency-jpy
        unit: 元
  - type: horizontal-stack
    cards:
      - type: sensor
        entity: sensor.XXXXXXXXXXXX_this_year_total_usage
        name: 本年用电
        icon: mdi:home-lightning-bolt-outline
      - hours_to_show: 24
        graph: none
        type: sensor
        entity: sensor.XXXXXXXXXXXX_this_year_total_cost
        name: 本年电费
        detail: 1
        icon: mdi:currency-jpy
        unit: 元
  - type: horizontal-stack
    cards:
      - type: sensor
        entity: sensor.XXXXXXXXXXXX_last_year_total_usage
        icon: mdi:home-lightning-bolt-outline
        name: 上年用电
      - hours_to_show: 24
        graph: none
        type: sensor
        entity: sensor.XXXXXXXXXXXX_last_year_total_cost
        name: 上年电费
        detail: 1
        icon: mdi:currency-jpy
        unit: 元
  - type: horizontal-stack
    cards:
      - type: custom:apexcharts-card
        header:
          show: true
          title: 30天用电与费用趋势图
        graph_span: 30d
        span:
          start: day
          offset: '-30d'
        series:
          - entity: sensor.history_day
            type: column
            name: 用电功率
            color: rgb(51,153,255)
            attribute: history_day_value
            data_generator: |
              return entity.attributes.history_day_value.map(entry => {
                return {
                  x: entry.date,
                  y: entry.kwh
                };
              });
          - entity: sensor.history_day
            name: 用电费用
            color: rgb(255,153,0)
            attribute: history_day_value
            data_generator: |
              return entity.attributes.history_day_value.map(entry => {
                return {
                  x: entry.date,
                  y: entry.kwh*0.65886875
                };
              });