Dashboard 2 gauge tank level performance

Dashboard
1

Using dashboard 2 gauge as tank level. I noticed that cpu load goes to 10% when showing a page with the gauge tank level.
Browser: Firefox latest
Dashboard: 1.22.0

Is this a (known) bug? Sure it is not a high cpu load and for the animation some cpu load is required.

2

The animation of that kind is CPU intensive without doubt.

3

How often are you updating it? What hardware is the browser running on?

4

Doesn't make any difference. The wave animation is running constantly...

5

I'm using the 3/4 gauge for now to avoid this. Just thought there might be improvements by slower animation or so. Or maybe an option to activate/deactivate animation. But it is not so important.

6

Speed of the animation will not affect performance significantly. The way it is created just involves strategies which are not easy for browser to render. And there's not much to change without having to compromise the look and feel.

For sure the option to disable animation is must for such kind of thingy.

7

Ok.
Switched to 3/4 gauge which is fine enough. Just need to figure out why I can not dynamically set color names from here: why Material color palette — Vuetify

8

I have shared tank-like thingy made with ui_template
If the tank shape is important for your design, you may consider using DIY version of it. This gives to you freedom to make it look and behave as you like

1 Like