Apexcharts-card

Have a question about this project? Sign up for a free GitHub account to open an issue and contact apexcharts-card maintainers and the community, apexcharts-card. Already on GitHub? Sign in to your account.

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

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? But I can get neither to work. The latter seems unsupported because only line, scatter and column have been implemented by RomRider , if I understand correctly. According to this , you are right, those chart types have not been implemented in the card. Time to create a feature request. Hi all, relatively new here, having just stumbled on this amazing piece of work. I am really stuck. I have two sensor values from my energy supplier Electricity, Gas reported daily as a price All I need to do is simply add the two and get an overall daily cost. Is that at all possible? Has anyone found a way to present manual data in Apex Charts? If I have enery consumption for the last years per month, can I then put them in an array or similar and just plot that data?

If undefined or autothe min of the yaxis will be automatically calculated based on the max value of all the series associated to this axis. It is in its early stage and is not meant to replace the mini-graph-card at apexcharts-card. You also have to do your part apexcharts-card the job for me to apexcharts-card able to try to fix that if there's something to fix in the card, apexcharts-card, 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. 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 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.

Apexcharts-card

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:. Hi all, first of all RomRider : extremely useful und advanced card, excellent job. Many thanks, it just pushes Home-Assistant to the next level.

Sean murray parents

With now , it will extend it to the current time usefull for chart showing current and future data. Known issues. Search for:. Main show Options. Hundreds of options are available and it is not possible to describe them all here so check over there and ask on the forum if you need help with using them. Is there a pie or doughnut chart that works? A Radial Bar can be used to show percentage with predefined min-max values, which must be provided for each series displayed as it requires to convert the value into percentage. This issue is stale because it has been open 30 days with no activity. History: Make all times line up on the history page for easy comparison. It is based on ApexCharts. 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? The precision used to display data in the legend and the tooltip.

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.

I second this bug causing both backend and frontend to freeze. 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. Leading to massive resource use. There might be some issues with edit, yes and I need to have a look at it. Hi there, first of all great content on here. More detailed charts? Really nice-looking card! Make sure which type of lovelace dashboard you are using before changing the main lovelace configuration:. Already on GitHub? Just tried thsi option but it doesnt seem to work unfortunately…. Not sure how many people need this but there are times I want to see my history at a known time. DavidFW David January 26, , am 7. Change the line thickness.