Coder Social home page Coder Social logo

dba2016 / power-usage-card-regex Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cheelio/power-usage-card

8.0 8.0 6.0 69 KB

Lovelace pie chart card that displays current energy usage

JavaScript 100.00%
homeassistant lovelace-custom-card power-usage

power-usage-card-regex's People

Contributors

cheelio avatar dba2016 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

power-usage-card-regex's Issues

REQ: make legend optional

I have a lot of devices, making the legend taking up a large part of the card. So large even that on my mobile devices only the last items on the legend are shown: nothing of the chart is visible. But even on larger screens like my pc, the chart is relatively small. Can we make the legend optional? Automatically hiding the legend when insufficient room would remain to show the chart, manually disabling it using a setting or showing only a subset of the items, all are acceptable solutions to me.
1682980998304

REQ: show total Wh in the center of the chart

The pie chart shows a very nice overview of the distribution of consumption of the various devices in my home. It does however not give any indication on the total for the pie. Can you please add the total WH as a number in the center of the chart?
I've created a mock-up of what I see as an option:
image

Display Kilowatts and Wh Counter

Hi,

I have different integrations which differ in displaying the total energy value. I use your regex to show all of them by using the | regex. Works great except one thing: I have different types of counters. Some of them are showing in Wh and some in KWh. Currently your chart does not check the unit, so I have 8352Wh using more chart space than 108.914kWh caused by the different units. The unit-of-measurement seems not to be used at all.

Filtering

Anyway to filter out items that are using less than x kWh? I have many power sensors and the graph label is too busy, would like to only display values above say 10 Wh's.

No colors in pie chart

Hello.
The pie chart i have has no colors most of the times. I tried to do a ctrl+F5 on my browser (Chrome) and it still wont load the colors (pies is all grey)
I tried using also the default theme for HA but still shows grey.
At some point when i am refreshing the color might appear for an instant but then will disappear again.
See below two screenshots one wit the default theme and the other one with the Google Dark Theme
powerusage pie default theme
powerusage pie google dark theme

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.