Simple graph/bar as a visu element?

[sx3]

Hello,

I'm trying to figure out how I can make a simple bar/graph with a visu element.
I have two % values in KO, and would want to represent them as shown in the picture.
Not a real diagram and no timestamps.

I was thinking something like a DIV using CSS to set width to x% or something.
Is there perhaps a functional LBS/Visuelement to download?

I have tried searching the download section, but most stuff are in German, so not so easy for me.

[Heimerl]

Hallo,
maybe you can take the Visuelement "Wertanzeige"...
Spezifische Eigenschaften: Linear Balken

[saegefisch]

Or just use the standard "Universalelement". You can set the green fields in the settings to variables, iKO oder functions. With this a iKO can change the position or size of elements.

But for a bar graph a background design is the better solution. I use it for a battery:
Unbenannt3.jpg

-webkit-linear-gradient(left,rgba(0,200,50,1) 0%,rgba(0,200,50,1) {#*100}%, rgba(0,200,50,0) {#*100}%, rgba(0,200,50,0) 100%)
In the creation there is a preview "Vorschau" button: you can test the settings with values 0.0 to 1.0. If you need a different scale adjust the logic around the "#" in the gradient to match e.g. for a spread of 0..100 or 0..255 - whatever you need. That's just logically and self-explaining and try&error...

Create it, name it e.g. "bar graph green horizontal" and assign it to a universalelement and assign a iKO to KO1 of this element as well. Then the iKO will lead to a dynamic bar graph.

Maybe edomi helps even if it is in german:
http://<youredomiIP>/admin/help.php?file=1000-25
http://<youredomiIP>/admin/help.php?file=1003

Unbenannt2.jpg Unbenannt1.jpg

[sx3]

Thanks alot! It works perfect!

[saegefisch]

great!
Thank you for sharing your solution