Bunifu Gauge

Modern looking gauge data visualization

Simply visualize your data in a radial format using Bunifu Gauge. You can add this during design time and at run time.

Adding Bunifu Gauge at Design Time

Simply locate Bunifu Gauge in your toolbox and drag to your form at design time.

Adding Bunifu Gauge at Run Time

To add Bunifu Gauge we will use the Load event handler to run the following code:

C#
VB.NET
C#
private void Form1_Load(object sender, EventArgs e)
{
var gauge = new Bunifu.Framework.UI.BunifuGauge();
this.Controls.Add(gauge);
}
VB.NET
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
Dim gauge As New Bunifu.Framework.UI.BunifuGauge
Controls.Add(gauge);
End Sub

Properties

ProgressBgColor

This property allows you to set the background color of the gauge

ProgressColor1

This property allows you to define the color when the value is small

ProgressColor2

This property allows you to define the color when the value is large

Value

This is the actual value of the gauge (in this instance it is the percentage value)

C# code

C#
VB.NET
C#
Form1_Load(object sender, EventArgs e){
var gauge = new Bunifu.Framework.UI.BunifuGauge(); g
auge.ProgressBgColor = Color.Black;
gauge.ProgressColor1 = Color.Blue;
gauge.ProgressColor2 = Color.Red;
gauge.Value = 30;
this.Controls.Add(gauge);
}
VB.NET
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
‚Äč
Dim gauge As New Bunifu.Framework.UI.BunifuGauge
gauge.ProgressBgColor = Color.Black
gauge.ProgressColor1 = Color.Blue
gauge.ProgressColor2 = Color.Red
gauge.Value = 30
Controls.Add(gauge)
End Sub

With value set to 30 you should see something like this:

With value set to 80 you should see something like this:

That's it!

We hope you will enjoy using Bunifu Gauge control and that it will help you create better user experience for your users.

Should you have feedback or suggestions please send us via chat on the bottom right corner of the screen.