Plotting clima entities with attributes #13
Replies: 10 comments 26 replies
-
|
Hi David. I am trying to re-create this 'stacked' graph effect in Lovelace with not much luck. As soon as I try to define the first yaxis i get errors: |
Beta Was this translation helpful? Give feedback.
-
|
Thats brilliant! Thank you very much. One final question is how do I get consistent x axis format thru the 7 graphs? My (your) code: type: custom:plotly-graph
entities:
- entity: sensor.rtr_ping
yaxis: y1
- entity: sensor.hpptr_ping
yaxis: y2
- entity: sensor.apkit_ping
yaxis: y3
- entity: sensor.aptv_ping
yaxis: y4
- entity: sensor.aploft_ping
yaxis: y5
- entity: sensor.apgms_ping
yaxis: y6
- entity: sensor.synnas_ping
yaxis: y7
no_default_layout: true
default_trace:
line:
width: 2
layout:
dragmode: pan
annotations:
- xref: paper
yref: paper
'y': 0.95
text: Router
showarrow: false
- xref: paper
yref: paper
'y': 0.8
text: HP Printer
showarrow: false
- xref: paper
yref: paper
'y': 0.65
text: AP Kitchen
showarrow: false
- xref: paper
yref: paper
'y': 0.5
text: AP TV
showarrow: false
- xref: paper
yref: paper
'y': 0.35
text: AP New Loft
showarrow: false
- xref: paper
yref: paper
'y': 0.2
text: AP Games Rm.
showarrow: false
- xref: paper
yref: paper
'y': 0.05
text: SynNAS
showarrow: false
margin:
t: 30
l: 45
r: 30
b: 50
showlegend: false
height: 700
yaxis:
fixedrange: true
yaxis2:
fixedrange: true
yaxis3:
fixedrange: true
yaxis4:
fixedrange: true
yaxis5:
fixedrange: true
yaxis6:
fixedrange: true
yaxis7:
fixedrange: true
grid:
rows: 7
columns: 1
pattern: coupled
roworder: top to bottom
hours_to_show: 160
refresh_interval: 10
title: LAN Ping |
Beta Was this translation helpful? Give feedback.
-
defaults:
yaxes: {range: [0, 100]}Will fix the range of all y axes (yaxis, yaxis2, yaxis3, etc) |
Beta Was this translation helpful? Give feedback.
-
|
Btw, default_trace is gone. Use this instead: defaults:
entity:
line:
width: 2
yaxes: ... |
Beta Was this translation helpful? Give feedback.
-
|
And you can remove all "yaxisN" and put the "fixedrange" inside the defaults, like this: defaults:
yaxes:
fixedrange: true |
Beta Was this translation helpful? Give feedback.
-
|
thats brilliant! Thank you very much for guiding me through Plot-Ly. I will be using it for everything in my HA instance. |
Beta Was this translation helpful? Give feedback.
-
|
Happy to hear it works for you! |
Beta Was this translation helpful? Give feedback.
-
|
yes that is very interesting. is the part outlined in green the only code controlling the top buttons - hourly daily etc? |
Beta Was this translation helpful? Give feedback.
-
|
Yes, only the rangeselector part |
Beta Was this translation helpful? Give feedback.
-
|
Enjoying your work a lot!
Is there a way to repeat the time values along the x-axis for each graph? |
Beta Was this translation helpful? Give feedback.
-
|
Btw, is this heating radiators data? |
Beta Was this translation helpful? Give feedback.
-
|
Yeah that's radiator data. It's room temperature vs the programmed temp and the red lines are when the system starts pre-heating. I looked into the defaults, I cleaned it up some more now. But a few issues (perhaps for you to fix? ;-)
Any tips for cleaning it up further are appreceated! Current look: type: custom:plotly-graph
entities:
- entity: sensor.buiten_temp
name: Buiten
xaxis: x1
yaxis: y1
line:
color: dimgrey
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: climate.woonkamer::current_temperature
name: Woonkamer
xaxis: x2
yaxis: y2
line:
color: hsl(50,100,50)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_woonkamer_set
name: Schema
xaxis: x2
yaxis: y2
line:
color: hsl(50,100,70)
- entity: climate.woonkamer::temperature
name: Schakel
xaxis: x2
yaxis: y2
line:
width: 1
- entity: climate.keuken::current_temperature
name: Keuken
xaxis: x2
yaxis: y3
line:
color: hsl(33,100,50)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_keuken_set
name: Schema
xaxis: x2
yaxis: y3
line:
color: hsl(33,100,60)
- entity: climate.keuken::temperature
name: Schakel
xaxis: x2
yaxis: y3
line:
width: 1
- entity: climate.studeerkamer::current_temperature
name: Studeerkamer
xaxis: x2
yaxis: y4
line:
color: hsl(0,70,40)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_studeer_set
name: Schema
xaxis: x2
yaxis: y4
line:
color: hsl(0,70,60)
- entity: climate.studeerkamer::temperature
name: Schakel
xaxis: x2
yaxis: y4
line:
width: 1
- entity: climate.slaapkamer::current_temperature
name: Slaapkamer
xaxis: x3
yaxis: y5
line:
color: hsl(210,100,50)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_slaapkamer_set
name: Schema
xaxis: x3
yaxis: y5
line:
color: hsl(210,100,70)
- entity: climate.slaapkamer::temperature
name: Schakel
xaxis: x3
yaxis: y5
line:
width: 1
- entity: climate.badkamer::current_temperature
name: Badkamer
xaxis: x3
yaxis: y6
line:
color: hsl(195,100,50)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_badkamer_set
name: Schema
xaxis: x3
yaxis: y6
line:
color: hsl(195,100,70)
- entity: climate.badkamer::temperature
name: Schakel
xaxis: x3
yaxis: y6
line:
width: 1
- entity: climate.rosa::current_temperature
name: Rosa's kamer
xaxis: x4
yaxis: y7
line:
color: hsl(328,100,50)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_rosa_set
name: Schema
xaxis: x4
yaxis: y7
line:
color: hsl(328,100,80)
- entity: climate.rosa::temperature
name: Schakel
xaxis: x4
yaxis: y7
line:
width: 1
- entity: climate.arthur::current_temperature
name: Arthur's kamer
xaxis: x4
yaxis: y8
line:
color: hsl(25,75,30)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_arthur_set
name: Schema
xaxis: x4
yaxis: y8
line:
color: hsl(25,75,60)
- entity: climate.arthur::temperature
name: Schakel
xaxis: x4
yaxis: y8
line:
width: 1
- entity: climate.zolder::current_temperature
name: Zolder
xaxis: x4
yaxis: y9
line:
color: hsl(210,15,40)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_zolder_set
name: Schema
xaxis: x4
yaxis: y9
line:
color: hsl(210,30,70)
- entity: climate.zolder::temperature
name: Schakel
xaxis: x4
yaxis: y9
line:
width: 1
- entity: climate.woonkamer_e::current_temperature
name: Woonkamer E
xaxis: x5
yaxis: y10
line:
color: hsl(80,60,35)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_woonkamer_e_set
name: Schema
xaxis: x5
yaxis: y10
line:
color: hsl(80,60,70)
- entity: climate.woonkamer_e::temperature
name: Schakel
xaxis: x5
yaxis: y10
line:
width: 1
- entity: climate.slaapkamer_e::current_temperature
name: Slaapkamer E
xaxis: x5
yaxis: y11
line:
color: hsl(120,60,35)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_slaapkamer_e_set
name: Schema
xaxis: x5
yaxis: y11
line:
color: hsl(120,60,70)
- entity: climate.slaapkamer_e::temperature
name: Schakel
xaxis: x5
yaxis: y11
line:
width: 1
- entity: climate.badkamer_e::current_temperature
name: Badkamer E
xaxis: x5
yaxis: y12
line:
color: hsl(147,50,40)
shape: spline
fill: tozeroy
lambda: |-
(ys, xs) => {
const MINUTES = 30 // <-- change here
const window_size_ms = 1000*60*MINUTES
const result = {x:[], y:[]}
let x_next = +xs[0] + window_size_ms
let y_accum = 0
let y_count = 0
for (let i = 0; i < xs.length; i++) {
const x = +xs[i]
const y = +ys[i]
if (x>x_next){
result.y.push(y_accum/y_count)
result.x.push(new Date(x_next))
y_accum = 0
y_count = 0
x_next = +x + window_size_ms
}
if (y){
// ignore unavailable/unknown state points
y_accum += y
y_count ++
}
}
return result;
}
- entity: sensor.template_badkamer_e_set
name: Schema
xaxis: x5
yaxis: y12
line:
color: hsl(147,50,70)
- entity: climate.badkamer_e::temperature
name: Schakel
xaxis: x5
yaxis: y12
line:
width: 1
hours_to_show: 72
refresh_interval: 10
no_default_layout: true
defaults:
entity:
unit_of_measurement: °C
line:
color: red
width: 2
yaxes:
title: °C
gridcolor: '444'
fixedrange: true
range:
- 15
- 23
layout:
height: 2400
dragmode: pan
annotations:
- xref: paper
yref: paper
x: 1
'y': 1.01
text: Buiten
showarrow: false
font: color:grey
- xref: paper
yref: paper
x: 1
'y': 0.924
text: Woonkamer
showarrow: false
font:
color: hsl(50,100,50)
- xref: paper
yref: paper
x: 1
'y': 0.837
text: Keuken
showarrow: false
font:
color: hsl(33,100,50)
- xref: paper
yref: paper
x: 1
'y': 0.752
text: Studeerkamer
showarrow: false
font:
color: hsl(0,70,40)
- xref: paper
yref: paper
x: 1
'y': 0.662
text: Slaapkamer
showarrow: false
font:
color: hsl(210,100,50)
- xref: paper
yref: paper
x: 1
'y': 0.576
text: Badkamer
showarrow: false
font:
color: hsl(195,100,50)
- xref: paper
yref: paper
x: 1
'y': 0.49
text: Rosa's Kamer
showarrow: false
font:
color: hsl(328,100,50)
- xref: paper
yref: paper
x: 1
'y': 0.403
text: Arthur's Kamer
showarrow: false
font:
color: hsl(25,75,30)
- xref: paper
yref: paper
x: 1
'y': 0.313
text: Zolder
showarrow: false
font:
color: hsl(210,15,40)
- xref: paper
yref: paper
x: 1
'y': 0.228
text: Woonkamer Eveline
showarrow: false
font:
color: hsl(80,60,35)
- xref: paper
yref: paper
x: 1
'y': 0.141
text: Slaapkamer Eveline
showarrow: false
font:
color: hsl(120,60,35)
- xref: paper
yref: paper
x: 1
'y': 0.055
text: Badkamer Eveline
showarrow: false
font:
color: hsl(147,50,40)
margin:
autoexpand: true
t: 30
l: 50
r: 50
b: 50
showlegend: false
grid:
rows: 12
columns: 1
pattern: independent
roworder: top to bottom
ygap: 0.35
subplots:
- - xy
- - x2y2
- - x2y3
- - x2y4
- - x3y5
- - x3y6
- - x4y7
- - x4y8
- - x4y9
- - x5y10
- - x5y11
- - x5y12
xaxis:
nticks: 20
gridcolor: '444'
rangeselector:
x: 0.04
'y': 1.002
bgcolor: hsl(0,0,18)
buttons:
- count: 12
step: hour
- count: 1
step: day
- count: 2
step: day
- count: 7
step: day
- count: 14
step: day
xaxis2:
nticks: 20
gridcolor: '444'
rangeselector:
x: 0.04
'y': 0.9155
bgcolor: hsl(0,0,18)
buttons:
- count: 12
step: hour
- count: 1
step: day
- count: 2
step: day
- count: 7
step: day
- count: 14
step: day
xaxis3:
nticks: 20
gridcolor: '444'
rangeselector:
x: 0.04
'y': 0.658
bgcolor: hsl(0,0,18)
buttons:
- count: 12
step: hour
- count: 1
step: day
- count: 2
step: day
- count: 7
step: day
- count: 14
step: day
xaxis4:
nticks: 20
gridcolor: '444'
rangeselector:
x: 0.04
'y': 0.486
bgcolor: hsl(0,0,18)
buttons:
- count: 12
step: hour
- count: 1
step: day
- count: 2
step: day
- count: 7
step: day
- count: 14
step: day
xaxis5:
nticks: 20
gridcolor: '444'
rangeselector:
x: 0.04
'y': 0.229
bgcolor: hsl(0,0,18)
buttons:
- count: 12
step: hour
- count: 1
step: day
- count: 2
step: day
- count: 7
step: day
- count: 14
step: day
yaxis:
autorange: true
yaxis10:
gridcolor: '444'
range:
- 15
- 23
yaxis11:
gridcolor: '444'
range:
- 15
- 23
yaxis12:
gridcolor: '444'
range:
- 15
- 23 |
Beta Was this translation helpful? Give feedback.
-
|
Oh yes. All bugs. To be honest I wasn't expecting so many axes to be used. |
Beta Was this translation helpful? Give feedback.
-
|
HEy @zycho42 , did I fix the issue with the extra axes in the end? |
Beta Was this translation helpful? Give feedback.
-
|
Hey, tbh I haven't been working on the graphs recently. I'll look into it in the near future and let you know. |
Beta Was this translation helpful? Give feedback.
-
|
Wow, thanks a lot - being able to use attributes is amazing!! No need of heaps of unnecessary template sensors :-) |
Beta Was this translation helpful? Give feedback.
-
|
If I want to display a climate entity exact the same way as it does in the default graph with heading and cooling events colored orange and blue respectively under the current_temperature from the hvac_action attribute how would I do that? Starting out with something like this I am only getting vertical lines at the heating periods, the temp is not being plotted and I am not sure how I would set a color filled per map_y |
Beta Was this translation helpful? Give feedback.
-
|
Hi, I don't know if this topic is alive or not but I'm trying anyway: I want to get the same effect as the previous post: Something similar to the HA climate graphic with the temperature setpoint line (climate.salon::temperature) filled when the heating is active. In my case that is detected by the valve state sensor.salon_calefaccion that is a float. something similar to this: 
This is my code: The conditional filling is only implemented in the first graph. It seems that the conditional filling is not working: 
Does the fillcolor attribute accept conditional expression? Is there any way to do it work? Thanks |
Beta Was this translation helpful? Give feedback.
-
|
You can use $ex instead of yaml templating, it is a lot more powerful.
|
Beta Was this translation helpful? Give feedback.
-
|
Thank for the response. I've trying what you suggested but I cannot make the code work. I took as example your code for calculating the dew point as starting point and modify it with my variables, and it works: As you can see I'm multiplying the value of the current temperature by the percentaje of the heating valve, because it's what was done in the example. However, I don't know how to include the if condition in the code. Do you have any example of using an internal variable as condition? Sorry for the noob question |
Beta Was this translation helpful? Give feedback.
-
not noob at all, and you obviously read around and tried, so nothing to be sorry! :) type: custom:plotly-graph
entities:
- entity: sensor.salon_calefaccion
internal: true
period: 5minute
filters:
- map_y: parseFloat(y)
- store_var: porcentaje
- entity: sensor.salon_temperatura # this one is twice so that one does the line and the other the filling
period: 5minute # statistics don't need the resampling filter since the data is aligned by index already.
name: Temperatura
legendgroup: temperature # so this one and the next share the legend
- entity: sensor.salon_temperatura
period: 5minute
name: Temperatura
legendgroup: temperature
line:
color: '#ff7f0e'
width: 0
fill: tozeroy
filters:
- map_y: parseFloat(y)
- map_y: |-
vars.porcentaje.ys[i] < 10 ? 0 : y // if below 10%, map the temperature to zero. Otherwise use the original value (y)
hours_to_show: 1d # just showcasing that you can use 1 day instead of 24 hours for convenience |
Beta Was this translation helpful? Give feedback.
-
|
Ok, Now it's working as expected!!! Thank you very much. As addition, I have modified the code to fill the line with different transparencies based on the percentage of the valve opening. This is inspired in the TADO thermostat graphic interface. Here is my code: And this is the result: 
|
Beta Was this translation helpful? Give feedback.
-
|
Hi David, Thank you very much for all the work you have put into this: great! I'm probably being too stupid, but after 2 hours of searching I couldn't find out how to set the minimum and maximum of the Y-axis... What have I overlooked? Thanks for the help! Kay |
Beta Was this translation helpful? Give feedback.
-
|
Thanks! The search keyword is "range" layout:
yaxis:
range: [-10, 20]
fixedrange: trueRelated: |
Beta Was this translation helpful? Give feedback.
-
|
Thank you! Actually I already tried this, but thought it is wrong, because as you can see: ... it still shows the Y-Axis for the temperature only from 16°C: 
What am I doing wrong? |
Beta Was this translation helpful? Give feedback.
-
|
layout doesn't belong inside the entity, it is at the root of the yaml |
Beta Was this translation helpful? Give feedback.
-
|
Okay, I See: so I can´t scale each Y-Axis with different values at all? |
Beta Was this translation helpful? Give feedback.
-
|
yes you can! :) entitites:
- entity:sensor.xyz
yaxis: y
- entity:sensor.xyz
yaxis: y2
layout:
yaxis:
range:
- 0
- 30
fixedrange: true
yaxis2:
range:
- 0
- 60
fixedrange: true
|
Beta Was this translation helpful? Give feedback.
-
|
Okay, thank you very, very much! :) And at the risk of being annoying: I can't manage the transparency. No matter what I set, it always remains opaque: |
Beta Was this translation helpful? Give feedback.
-
no worries! Just make sure to google first :) Opacity should work fine, but you can alternatively set the line color with transparency like this |
Beta Was this translation helpful? Give feedback.
-
|
is there an option to put 2 yaxis at one chart and still have more charts? - entity: sensor.temp_schlafzimmer_luftfeuchtigkeit
yaxis: y2
yaxes:
side: right
name: |
$ex "Rel. Luftfeuchte " +
hass.states['sensor.temp_schlafzimmer_luftfeuchtigkeit'].state +"%"
line:
width: 1
dash: dot
color: grey
show_value: false
- entity: sensor.temp_schlafzimmer_temperatur
yaxis: y2
yaxes:
side: left
name: |
$ex "Temp " + hass.states['sensor.temp_schlafzimmer_temperatur'].state
+"ºC"
line:
width: 1
dash: line
color: grey
show_value: false
- entity: sensor.temp_schlafzimmer_batterie
yaxis: y2
yaxes:
side: right
type: bar
period: hour
time_offset: '-25h'
marker:
color: '#EFEFEF'
name: |
$ex "Batterie " + hass.states['sensor.temp_schlafzimmer_batterie'].state +
"%"
defaults:
yaxes:
overlaying: 'y'
visible: true
showgrid: true
default_trace:
line:
width: 2
layout:
dragmode: pan
annotations:
- xref: paper
yref: paper
'y': 1
text: Schlafzimmer
showarrow: false
- xref: paper
yref: paper
'y': 0.5
text: Bad
showarrow: false
margin:
t: 30
l: 45
r: 30
b: 50
showlegend: false
height: 300
yaxis:
fixedrange: true
side: right
yaxis2:
fixedrange: true
grid:
rows: 2
columns: 1
pattern: coupled
roworder: top to bottom
hours_to_show: 25
refresh_interval: auto
time_offset: 1h |
Beta Was this translation helpful? Give feedback.
-
|
The yaxis configuration goes inside layout. See the ploylyjs docs |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
All reactions