JustGage
The JustGage extension component uses the cool JustGage widget to render animated, nice and clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independent and self-adjusting. As a Wisej.NET Real Time widget you can set several properties: value, label, colors, range and more.
-2f73a84ababf8e59fea149eff96d3122.png)
Code Example
Wisej.Web.Ext.JustGage.JustGage justGage1 = new Wisej.Web.Ext.JustGage.JustGage();
justGage1.Maximum = 20F;
justGage1.Minimum = 10F;
justGage1.Value = 15F;
justGage1.Symbol = "°";
justGage1.Text = "Text Here";
this.Controls.Add(justGage1);
This code snippet creates a justGage and adds it to the page. The properties Maximum and Minimum refer to the maximum and minimum values of the gage respectively. Value is the current value of the gage. Note that Maximum, Minimum and Value are all floats. Next, the Symbol is set to a degrees symbol so that it will appear after the Value. Finally, the Text is set to "Text Here". This code will produce a gage that looks like this:
How to Use
The JustGage extension can be added to a Wisej.NET project using NuGet Package Manager.
Define the JustGage range with Minimum and Maximum and show/hide their labels with ShowMinMax. The title is set up with Text and its position with TitlePosition. You can also define animations to be used with StartAnimationType and RefreshAnimationType. Counter decides whether the value change should be animated. With Symbol you can display an additional symbol with the Value.