Trying to create a climate widget using LVGL.
I want the colored tick indicator to track the setting knob as I move it i.e. the yellow knob should be followed by the blue-to-red tick colors…
- meter:
id: meter_ticks
hidden: false #true
height: 395
width: 395
align: CENTER
bg_opa: TRANSP
border_width: 0
scales:
range_from: ${min_temp}
range_to: ${max_temp}
# Set temperature ticks background
ticks:
count: 60
length: 26
width: 3
color: ${color_temp_ticks}
indicators:
# Set temperature ticks
- tick_style:
id: target_temp_ticks
start_value: ${min_temp}
end_value: ${default_temp} # Should be the same as the set temperature label
color_start: blue #${color_temp_set}
color_end: red #${color_temp_set}
width: 3
- arc:
id: target_temp_knob
hidden: false #true
align: CENTER
arc_opa: TRANSP
adjustable: true
value: ${default_temp} # Should be the same as the set temperature needle
min_value: ${min_temp}
max_value: ${max_temp}
width: 367
height: 367
arc_width: 25
indicator:
arc_opa: TRANSP
arc_width: 25
knob:
bg_color: ${color_temp_set}
border_width: 0
on_change:
then:
- lvgl.indicator.update
id: target_temp_ticks
value: !lambda return x;
- lvgl.label.update:
id: target_temp_label
text:
format: "%.0f"
args: [ 'x' ]
on_release:
then:
- homeassistant.action:
action: climate.set_temperature
data:
entity_id: ${climate_entity}
temperature: !lambda return x;
It used to work but now I get the following error at build time:
File "/esphome/esphome/components/lvgl/widgets/__init__.py", line 440, in get_widget_generator
raise Invalid(
voluptuous.error.Invalid: Widget target_temp_ticks not found, yet all widgets should be defined by now
