Smart Meter Advanced Energy Dashboard for Home Assistant

Introduction:

Klik hier voor de Nederlandse versie.

After updating to Home Assistant version 2025.12.0 some errors may appear. Just download the yaml file again and replace it in the packages directory.

With this advanced energy dashboard for Home Assistant, you can easily view all the data from your smart meter in one comprehensive overview. What’s more, you can even monitor the current and voltage per phase, providing a detailed understanding of your energy consumption patterns.

Click here for a LIVE DEMO. Username: demo – password: smartgateways

Unlike other solutions, the Smart Meter Gateway from Smart Gateways makes all the data from your Smart Meter available, which means our dashboard provides even better insight. This empowers you to be more energy conscious and make informed decisions about your energy usage. If you have a Smart Meter (DSMR P1) and want to connect it to Home Assistant you can use MQTT to benefit from all the functionality. The Smart Meter Gateway from Smart Gateways is the preferred way to connect all smart electricity meters from Europe which use the DSMR or SMR standard and have a P1 port.

The Smart Gateways Energy Dashboard for Home Assistant is the perfect complement to Home Assistant’s existing energy dashboard. Of course you can use both dashboards next to each other. Just pick the dashboard you like the most.

Please note:

• the available data depends on the brand and type of smart meter
• You will only see Water and Gas when these meters are connected to your Smart Electricity Meter
• Smart Watermeters are only available in Belgium

Pre-requirements to setup the dashboard

Setting up the dashboard can be done in a few easy steps. Complete each step one by one and verify if the step is completed before proceeding with the next step.

1. First install Mosquitto MQTT Broker on Home Assistant using this manual
2. Connect the Smart Meter Gateway using this manual.
3. Install HACS (Home Assistant Community Store) using this manual

Install the Apexcharts-card plugin into Home Assistant

When you completed all the above steps it’s time to add the apexcharts-card repository to Home Assistant. You have to do this using HACS.

1. Click HACS on the sidebar of Home Assistant
2. Click Frontend
3. Click EXPLORE & DOWNLOAD REPOSITORIES in the lower right corner
4. Type apexcharts-card in the Search for repository box
5. Click DOWNLOAD in the lower right corner
6. Select the latest version and Click DOWNLOAD
7. RELOAD the browser to activate the apexcharts-card plugin

Add additional MQTT Configuration for diagnostical data

The Advanced Energy Dashboard will show some diagnostical data from the Smart Meter Gateway. This data is sent by the gateway through MQTT. You can add this to Home Assistant by adding a mqtt file. You first have to install the File editor Add-on.

1. Within your Home Assistant frontend/home navigate to the Settings menu
2. Click Add-ons
3. Click ADD-ON STORE in the lower right corner
4. Go to the Search add-ons box
5. Type File editor
6. Click on File editor from the list
7. Click INSTALL and wait for the File editor to be installed
8. Enable Start on boot, Show in sidebar and Watchdog
9. Click START to start the broker

Add the Packages directory to Home Assistant and place some configuration files

When using the packages directory for all your .yaml configuration files, you are able to sort all configuration in specific files for each integration. You have to edit the configuration.yaml file first for Home Assistant to use the packages directory.

1. The file editor is shown in the sidebar. Click on the File editor icon
2. Click on the configuration.yaml file
3. The contents of the configuration.yaml file are shown
4. Insert the following configuration into the file:

   • homeassistant:
       packages: !include_dir_named packages

5. Click the save button (Floppy Disk Icon) on the upper right corner to save the configuration.yaml
6. Click on the Browse File System Icon on the upper bar
7. Click on the New Folder icon (second icon)
8. name the new folder packages
9. Click OK
10. Download the following file (disable pop-up blockers)
11. Click here to download file
12. Unpack the zip file
13. Place the file smartgateways_smartmeter.yaml in the packages folder by using the Upload File button within the File editor Add-on
14. Save the file
15. Restart Home Assistant

Add the Advanced Energy Dashboard to Home Assistant

When you completed all the above steps it’s time to add the Advanced Energy Dashboard to Home Assistant.

1. Enable Advanced Mode for your user account
   • Within your Home Assistant frontend/home navigate your user profile (in the lower left corner)
   • Enable Advanced Mode to unlock advanced features
2. Open the file smartmeter_dashboard.txt from the downloaded zip file and copy the contents of this file to the clipboard
3. Click the three dots in the upper right corner of the dashboard in Home Assistant

1. Click on the 3 dots again
2. Click Raw configuration editor
3. Scroll till the end and start a new line
4. Paste the contents of the Dashboard panels file into the editor
5. Click SAVE in the upper right corner
6. Close the editor by clicking the cross on the upper left corner
7. Notice the new Advanced Smart Meter Dashboard.

Extra information about tariffs in Lithuania:

If you are using the gateway in Lithuania (ESO), you can read this post on how to add the different tariffs: https://haprofs.com/instructions-for-correcting-smart-meter-tariffs-in-home-assistant-eso-lithuania/