Gauge: Difference between revisions

From SweepMe! Wiki
Jump to navigation Jump to search
(Created page with "This widget can visualize a single value between a minimum and a maximum. So far only the type "FillTank" exists, but other styles like a speedomoter type might be added in fu...")
 
No edit summary
Line 1: Line 1:
This widget can visualize a single value between a minimum and a maximum. So far only the type "FillTank" exists, but other styles like a speedomoter type might be added in future.
This widget can visualize a single value between a minimum and a maximum. So far only the type "FillTank" exists, but other styles like a speedomoter type might be added in future.
Double-click to configure the widget.


== FillTank ==
== FillTank ==

Revision as of 11:55, 13 September 2020

This widget can visualize a single value between a minimum and a maximum. So far only the type "FillTank" exists, but other styles like a speedomoter type might be added in future.

Double-click to configure the widget.

FillTank

A simple tank that fills depending on the selected value. It can be also used as progress bar.

Alignment

Four different alignments exist

  • vertical
  • vertical - inverted
  • horizontal
  • horizontal - inverted

Color

The color can be chosen in different ways:

  • rgb( red, green, blue), e.g. "rgb(255, 0, 0)" will be red. Color value go from 0 to 255 and are clamped to this region
  • HTML color names, e.g. "green", "lime", "yellow", "pink", etc.
  • hsv(hue, saturation%, value%), e.g. "hsv(0, 100%, 50%)". Please note the percentage sign for the last two entries.
  • hsl(hue, saturation%, lightness%), e.g.g "hsl(0,100%, 50%)". Please note the percentage sign for the last two entries.

The color can be combined with parameters, e.g. "rgb({Time_elapsed_s}, {255-{Time_elapsed_s}}, 0)" will create a color that slowly changes during the first 255 seconds.