Apexcharts-card

It is based on ApexCharts.

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.

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.

Define your config template in the main lovelace configuration apexcharts-card then use it in your cards.

There is no mention of xaxis options in the ha doc, but I see that in 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? I can do line or I can do scatter using e. But how do I see both in one chart?

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.

Apexcharts-card

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.

Stufful location

Statistics Graph. This requires the auto-entities card. Notifications Fork 71 Star RomRider January 26, , am 4. It enables you to build your own data out of the last state of a sensor. NdR Andrea Montanari January 27, , pm How to just show actual value in history chart? Ferrox85 mentioned this issue Jan 16, Hi there, first of all great content on here. A different take on designing a Lovelace UI. When hovered, the ApexCharts Card displays your span and state. Disabling adblock didn't affect them.

It is in its early stage and is not meant to replace the mini-graph-card at all.

It's annoying to have to add it in to every chart every time, but it does seem to solve the issue for most of us. It is not a direct drop-in replacement, but I'm moving to it. This applies a time delta to all the datapoints of your chart after fetching them. If there is an error in your configuration, it will tell you where and display a red error card. Lovelace: Flipdown Timer card. Time gets somehow converted to numeric. Configuration Templates. Create a sensor for gas consumption. It enables you to build your own data out of the last state of a sensor. This is because of how Home-Assistant works with history, see here. You select manual card from the list and copy the code from the examples above. But I can get neither to work. Notifications Fork 71 Star RomRider January 26, , pm The card templates will be applied in the order they are defined: template2 will be merged with template1 and then the local config will be merged with the result.