How to show a Home Assistant apexcharts-card when a header item is pushed? #4921
Unanswered
AdrieKoolen
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi, I’m using the apexcharts-card in Home Assistant to view the history of temperatures and humidity of the thermostat and 3 radiators in my living room:
![image](https://private-user-images.githubusercontent.com/191023950/405285144-396ddbf4-154f-4eed-b2dc-c70f4ad75b4d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNzQ4ODIsIm5iZiI6MTczOTM3NDU4MiwicGF0aCI6Ii8xOTEwMjM5NTAvNDA1Mjg1MTQ0LTM5NmRkYmY0LTE1NGYtNGVlZC1iMmRjLWM3MGY0YWQ3NWI0ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMlQxNTM2MjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wMWU0NWJlMDBmYTNlYzc1ZjNlNjZjNzNlMGYzYWY4N2RhZTgxZjc5ZmE0N2Y4MzFlMDczOTU5ZmQzNDQ3YjM3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.hZYKL88LPqx0WWKk3vaqRpk3xwJ6YTTions-sqaFZNs)
When I push the 15.1 °C / “Radiator achter” in the header, I get a popup window with detailed information on the entity:
![image](https://private-user-images.githubusercontent.com/191023950/405285328-985785e6-57b3-43b8-b5a4-ce507ca34a21.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNzQ4ODIsIm5iZiI6MTczOTM3NDU4MiwicGF0aCI6Ii8xOTEwMjM5NTAvNDA1Mjg1MzI4LTk4NTc4NWU2LTU3YjMtNDNiOC1iNWE0LWNlNTA3Y2EzNGEyMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMlQxNTM2MjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04OTBkMGVjMzg0YzA2ZGQxYWU2OWZlNWJmYWNkODAwZGM2MWNjZjg0MTk1OGI0Y2E1NDlkMDNhMjI3YmM3MGRmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Vjew7TkaCB06j4Q32-mSQKWKQGR1JeyU3CsY1ul_FAQ)
What I want to achieve is to replace contents of this popup window with an apexcharts-card of my own design, instead of the Home Assistant card that is shown now. I’ve tried to do this with the following YAML:
Now, when I push the 14.8 °C / “Radiator keuken” in the header. The current tab, containing the ‘Woonkamer’ card, is left and I’m redirected to the Overview tab. But the navigation_path appears to do something...
![image](https://private-user-images.githubusercontent.com/191023950/405285525-efca27ab-179e-4828-9297-0eafec06ceb4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNzQ4ODIsIm5iZiI6MTczOTM3NDU4MiwicGF0aCI6Ii8xOTEwMjM5NTAvNDA1Mjg1NTI1LWVmY2EyN2FiLTE3OWUtNDgyOC05Mjk3LTBlYWZlYzA2Y2ViNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMlQxNTM2MjJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zNDEyZTMyMmZlZDUyYjk3MDFiNDNkNzkxYmY5ZDBjNzBmMDRjNjBjMzMyZTg5OTAyZGIxODc3ZTJhOTBmNTFjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.ce2p1ErzZSaYM_79Ovy8ChP4HXaHNnw_q3rS0OLgbQI)
I’ve also got an apexcharts-card, showing the rPi CPU load and temperature. When I push on the Usage in its header, I get a popup window:
Ignore the Toolbar / Zoom icons, which are popping up from the apexcharts-card behind the popup window... 😏
I’ve got two questions:
I’m not very experienced in Home Assistant, apexcharts-card and YAML, so forgive me when my questions are stupid or have trivial answers.
Regards,
Adrie Koolen
Beta Was this translation helpful? Give feedback.
All reactions