Simple Elforbrug

custom_component for Home Assistant.

Opretter forbindelse til Eloverblik API og henter data omkring dit elforbrug.

Opretter 3 sensor.

  Daily:
    - Daily Usage
    - Metering Point
    - Metering date
    - 1 days ago
    - 2 days ago
    - 3 days ago
    - 4 days ago
    - 5 days ago
    - 6 days ago
    - 7 days ago

  Monthly:
    - Daily Usage
    - Metering Point
    - Metering date

  Yearly:
    - Daily Usage
    - Metering Point
    - Metering date

API

En hurtig guide til API adgang. Link: Eloverblik.dk

INSTALLATION

1. Download Simple-Elforbrug
2. Placer filerne i config/custom_component/simple_elforbrug...
3. Genstart Home Assistant
4. Instillinger -> Enheder & tjenester -> + Tilføj integration
5. Søg Simple Elforbrug og følg guiden.
6. ENJOY!

Actions.

• set_unit: Skifter mellem kWh og MWh
• update_energy: Opdater manuelt eller via automation hvis der ønsker oftere opdateringer. Standard er 1 times opdaterings interval

Example i Custom:button-card

Der er mulighed for at undgå at bruge apexcharts-card og bare "nøjes" med custom:button-card og dermed have MANGE flere muligheder for at lave et custom design: Her er et hurtigt eksempel med forbrug i et søjle diagram.

type: custom:button-card
entity: sensor.simple_elforbrug_daily
name: Elforbrug
show_state: true
show_icon: false
show_name: true
state_display: |
  [[[ return 'Forbrug: ' + entity.state ]]]
styles:
  grid:
    - grid-template-areas: |
        "n s"
        "chart chart"
        "chart_names chart_names"
    - grid-template-columns: auto
    - grid-template-rows: 10px 130px auto
  card:
    - height: 200px
    - padding: 10px
  name:
    - font-size: 14px
    - justify-self: start
    - align-self: center
  state:
    - font-size: 14px
    - justify-self: end
    - align-self: center
  custom_fields:
    chart:
      - display: flex
      - align-items: flex-end
      - height: 130px
    chart_names:
      - display: flex
      - align-items: center
      - height: 40px
custom_fields:
  chart: |
    [[[
      const attrs = entity.attributes;
      const values = [
        attrs["7 days ago"],
        attrs["6 days ago"],
        attrs["5 days ago"],
        attrs["4 days ago"],
        attrs["3 days ago"],
        attrs["2 days ago"],
        attrs["1 days ago"],
        parseFloat(entity.state)
      ];

      const maxVal = Math.max(...values);
      if (maxVal <= 0) return "";

      return `
        <div style="display:flex;
                    align-items:flex-end;
                    height:100px;
                    width:100%;
                    gap:4px;">
          ${values.map(v => `
            <div style="
              flex:1;
              height:${(v/maxVal)*100}%;
              background-color: red;
              border-radius: 3px;
            " title="${v.toFixed(3)}"></div>
          `).join('')}
        </div>
      `;
    ]]]
  chart_names: |
    [[[
      const labels = ["7d","6d","5d","4d","3d","2d","1d","Nu"];
      return `
        <div style="display:flex;
                    width:100%;gap:4px;">
          ${labels.map(l => `
            <div style="flex:1;
                        text-align:center;
                        font-size:10px;
                        color: white;">${l}</div>
          `).join('')}
        </div>
      `;
    ]]]

Og et med tariffs:

type: custom:button-card
entity: sensor.simple_elforbrug_tariff
name: Elforbrug Tariffs
show_state: true
show_icon: false
show_name: true
styles:
  grid:
    - grid-template-areas: |
        "n s"
        "chart chart"
        "chart_names chart_names"
    - grid-template-columns: auto
    - grid-template-rows: 10px 130px auto
  card:
    - height: 200px
    - width: 400px
    - padding: 10px
  name:
    - font-size: 14px
    - justify-self: start
    - align-self: center
  state:
    - font-size: 14px
    - justify-self: end
    - align-self: center
  custom_fields:
    chart:
      - display: flex
      - align-items: flex-end
      - height: 130px
    chart_names:
      - display: flex
      - align-items: center
      - height: 40px
custom_fields:
  chart: |
    [[[
      const values = entity.attributes['Tariff i dag'];
      const maxVal = Math.max(...values);

      if (!values || values.length === 0) return "";

      const bars = values.map((v, i) => {
        const height = (v / maxVal) * 100;
        const color = v > 0.4 ? '#ff6347' : v > 0.2 ? '#ffb446' : '#2ecc71';
        
        return `
          <div style="
            flex: 1;
            height: ${height}%;
            background-color: ${color};
            border-radius: 4px 4px 0px 0px;
            margin: 0 1px;
            box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
          " title="${Number(v).toFixed(3)} kr/kWh"></div>
        `;
      }).join('');

      return `
        <div style="
          display: flex;
          align-items: flex-end;
          height: 100px;
          width: 100%;
        ">
          ${bars}
        </div>
      `;
    ]]]
  chart_names: |
    [[[
      const labels = [
        "00", "01", "02", "03", "04", "05", "06",
        "07", "08", "09", "10", "11", "12", "13",
        "14", "15", "16", "17", "18", "19", "20",
        "21", "22", "23"
      ];

      return `
        <div style="
          display: flex;
          width: 100%;
          font-size: 10px;
          color: white;
        ">
          ${labels.map(l => `
            <div style="
              flex: 1;
              text-align: center;
              transform: rotate(270deg);
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              
            ">${l}</div>
          `).join('')}
        </div>
      `;
    ]]]

Authors

Contributors names and contact info

• Jesper Halberg

Donate crypto:

XRP Ripple: raxGy2N7mzDBECVQMsE66aNS7tCMNdMnDg

Bitcoin: bc1q3edhsll33d8hzu82c4hh0v0x8gpxlvkzttfx42