Battery level indicator question

[marktillo]

Trying to use the moisture level sensor example and use it to show the charge level of a battery, I’ve copied the code swapped out for my sensor, the element is clickable and shows the battery level, but the box height remains the same can anyone point me in the right direction

[OzGav]

When you say you have swapped out your sensor do you mean in the YAML and SVG?

[marktillo]

As you can see I’ve tried with different battery sensors, and slight variations on the code input but with no success

[OzGav]

I can't actually see the most important part which is the code in green?

[OzGav]

Looking at my battery level sensors I think you might need to change entity.attributes.level to entity.state

[marktillo]

[marktillo]

                - entity: sensor.iphone_battery_level
                  state_action:
                    action: call-service
                    service: floorplan.style_set
                    service_data:
                      element: iphone-batterylevel-clip-path 
                      style: |
                        >
                        var height = Math.ceil(elements['sensor.iphone_battery_level'].getBBox().height);
                        return `transform: translate(0, ${height - Math.floor(entity.state / (100 / height))}px)`;  
                - entity: sensor.iphone_battery
                  state_action:
                    action: call-service
                    service: floorplan.style_set
                    service_data:
                      element: sensor.iphone_battery-clip-path 
                      style: |
                        >
                        var height = Math.ceil(elements['sensor.iphone_battery'].getBBox().height);
                        return `transform: translate(0, ${height - Math.floor(entity.state / (100 / height))}px)`;