Comments (5)
Suggest to re-read Docs & check your code.
Just a 1st glance:
type: custom:mini-graph-card
labels: true
Here the labels
is misplaced.
color_thresholds:
- value: 180
color: '#9A56A3'
name: High Performance Zone
The color_thresholds
does not have name
option.
state_map:
- value: 180
color: '#9A56A3'
label: High Performance Zone
The state_map
does not have color
option.
Also, state_map
does not work for ranges, it works for exact values.
from mini-graph-card.
which is why i asked it to be an enhancement request, i completely understand how the state_map is only for single digit non ranged values, but i'm looking to have it look to ranged values so that anything in between the two heart ranges can named that state_mapped value.
Corrected all the code logic btw, still works - but again asking for the state_mapped value to be a range.
type: custom:mini-graph-card
name_adaptive_color: true
lower_bound: 50
color_thresholds:
- value: 180
color: '#9A56A3'
- value: 155
color: '#3B9555'
- value: 135
color: '#EA9423'
- value: 110
color: '#FEEB3F'
- value: 90
color: '#8CABD7'
state_map:
- value: 180
label: High Performance Zone
- value: 155
label: Performance Zone
- value: 135
label: Fitness Zone
- value: 110
label: Health Improvement Zone
- value: 90
label: Inactive
height: 50
hours_to_show: 4
points_per_hour: 12
line_width: 3
animate: true
show:
name_adaptive_color: true
icon_adaptive_color: true
labels: true
entities:
- entity: sensor.google_pixel_watch_jd_heart_rate_2
name: Heart Rate
from mini-graph-card.
I see, then the issue title is currently not clear.
from mini-graph-card.
from mini-graph-card.
As a workaround:
- Create a template sensor with desired values like "low", "average", "high".
- Add this sensor on a card as the 2nd entity with showing a state but w/o showing a graph.
Alternatively - do NOT create a sensor but simply change a card's background color accordingly to show a current status (card-mod using jinja templates).
from mini-graph-card.
Related Issues (20)
- Improve showing a date for a selected point HOT 2
- Feature request - Option to show vertical markers for specific time periods HOT 1
- align_icon to right is not applied HOT 1
- Fill color problem when line is flat HOT 3
- Show state next to a legend's label HOT 1
- show_points: false HOT 4
- Graph doesn't fully render outside local network HOT 5
- 12am or 12pm in a 24 hour format shown as 0am or 0pm when using extrema HOT 1
- Yaml code does not work on HAOS but works on docker container version HOT 2
- Unable to set range correctly HOT 1
- mini-graph-card not showing actual value HOT 2
- Mini graph
- Question: Average between two entities? HOT 5
- Main placeholder to show aggregated value instead of current state
- [Question] Is it possible to link the color threshold value to a sensor so it changes dynamically? HOT 3
- Show average, sum instead of current state
- [Feature] Small subtitle below title HOT 1
- Date Format on Extrema HOT 2
- [FR] Format numbers according to "Number format" of user profile HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mini-graph-card.