Apexcharts-card

There is no mention of xaxis options in the ha doc, apexcharts-card, but I see that apexcharts-card xaxis — ApexCharts. My goal is to display a daily heatpump COP against temperature. Maybe I am blind, but how do I create line with scatter charts?

In a recent tutorial, we used the Mushroom Cards collection and showed you how to create a minimalistic and clean Home Assistant dashboard. Many of us have been using the excellent Mini Graph Card by kalkih to display data in a simple graph in our Home Assistant dashboards. It has a clean, minimalistic look and feel to it and presents history information nicely in Lovelace UI. The Apex Charts Card is like its Big Brother: It dwarfs it in customization variables and data processing capabilities. This heavily customizable custom card is capable of creating extremely advanced charts in the shape of a line, columns, donut charts, pie charts, scatter graphs and radial bar charts. We will go over the card installation and basic config, provide many examples, so you can copy-paste directly to your Lovelace UI and adjust it to your needs. The ApexCharts Custom Card has an incredible amount of configuration variables, to style and configure the card according to your needs.

Apexcharts-card

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Already on GitHub? Sign in to your account. Describe the bug I've been quite impressed with the look and function of apexcharts and was going to replace all my mini graph cards but I have found that apexcharts is far too resource intensive to meet my needs. For example, the bar charts in the screenshot below are daily maximums or last values for the past week. There could be thousands of measurements a day from the inverter that need to be processed. When loading, the charts grind not only the frontend to a halt but the backend too. I get loads of errors that unrelated integrations are taking too long to respond. I tried setting the graph update to 5 minutes rather than on sensor change. This helped a bit. Except when trying to edit the cards.

Console gives the following errors when trying to reload the graph:. The scatter chart can be used to display apexcharts-card cloud of points, apexcharts-card, without a line connecting them.

It is based on ApexCharts. It is also inspired by the great mini-graph-card by kalkih. Download and copy apexcharts-card. If there is an error in your configuration, it will tell you where and display a red error card. With transform, you can modify raw data comming from Home-Assistant's history using a javascript function. It enables you to build your own data out of the last state of a sensor. It completely bypasses the history retrieval and caching mecanism.

After an hour or so, I decided to to a vanilla test by changing the default example to a stacked bar chart… lo and behold, same result, no stacking… will post on github as well:. Hello everyone, I am trying to fine tune my apexchart and I would like to achieve two more things:. Bonus question for another graph: Is it possible to remove the legend at the bottom for an entity? But of course now I have each entity listed twice in the legend and only need the one. Is it possible to use a template for the state headers? Or show a series only in the header not affecting the graphs I currently have this:. But I also have a sensor which gives me the EUR amount for that value, which I would like to show as well. Maybe I missunderstood you but you can use the following if you just want the header value and not the graph:.

Apexcharts-card

In a recent tutorial, we used the Mushroom Cards collection and showed you how to create a minimalistic and clean Home Assistant dashboard. Many of us have been using the excellent Mini Graph Card by kalkih to display data in a simple graph in our Home Assistant dashboards. It has a clean, minimalistic look and feel to it and presents history information nicely in Lovelace UI. The Apex Charts Card is like its Big Brother: It dwarfs it in customization variables and data processing capabilities.

Tic tac toe footy

Thanks for bringing ApexCharts to HA! I was hopeful that the console logs I noticed in a previous comment would be useful, as I am getting 'NaN' errors from ApexCharts and there may just be a simple null check required.. I am not sure about theme pallete. Anho Anho October 25, , am The configuration expects a list instead of a dictionary for each subsequent resource. Use at your own risk. If undefined or auto , the min of the yaxis will be automatically calculated based on the min value of all the series associated to this axis. But considering the drawbacks of apex, it's nothing. Any help is appreciated! Compare data from today with yesterday. Required if you define multiple yaxis. Creating forward looking charts. You also have to do your part of the job for me to be able to try to fix that if there's something to fix in the card.

It is in its early stage and is not meant to replace the mini-graph-card at all. It gives some new possibilities to display data in Home-Assistant and has some extensive customizability.

Type of long term statistic to pull. Shows a vertical marker for the current time on the graph. Only works for line and area types. I noticed that Home Assistant on Android runs a little sluggish after creating a few energy graphs, is this a known issue or is it just on my end? Once the card is configured, you shouldn't have any issue anymore as caching is enabled again automatically. The text was updated successfully, but these errors were encountered:. I get loads of errors that unrelated integrations are taking too long to respond. The default value for min is 0 and for max it is Ok, I have more data to experiment with, so I think I can narrow down the issue and specify my question. Because other front end implementations suffer the same slow performance. DavidFW David January 27, , am Best regards. Please give it a try, you can build crazy stuff.