Edit this page

Programmatic Creation

In this article you can find information and example for creating a Gauge controls from code-behind.

RadGauge can be created programmatically through its server-side properties:

Figure 1: Programmatically created Gauge

gauge-programmatic-creation

Example 1: The code that renders the result from Figure 1.

<asp:PlaceHolder runat="server" ID="PlaceHolder1"></asp:PlaceHolder>
protected void Page_Init(object sender, EventArgs e)
{
    //Create new RadialGauge object
    RadRadialGauge radialGauge = new RadRadialGauge();
    radialGauge.ID = "radialGauge1";

    //Set Pointer properties
    radialGauge.Pointer.Value = (decimal)0.95;
    radialGauge.Pointer.Cap.Size = (float)0.10;
    radialGauge.Pointer.Cap.Color = System.Drawing.Color.Blue;
    radialGauge.Pointer.Color = System.Drawing.Color.Blue;

    //Set Min and Max values of the Scale
    radialGauge.Scale.Min = 0;

    //In order the Max value to be displayed it should be multiple of the MajorUnit
    radialGauge.Scale.Max = (decimal)1.2;
    radialGauge.Scale.MinorUnit = (decimal)0.5;
    radialGauge.Scale.MajorUnit = (decimal)0.2;

    //Set Minor and Major Ticks properties
    radialGauge.Scale.MinorTicks.Visible = false;
    radialGauge.Scale.MajorTicks.Size = 10;

    //Set Scale Labels properties
    radialGauge.Scale.Labels.Visible = true;
    radialGauge.Scale.Labels.Font = "15px Arial,Helvetica,sans-serif";
    radialGauge.Scale.Labels.Color = System.Drawing.Color.Black;
    radialGauge.Scale.Labels.Format = "P0";
    radialGauge.Scale.Labels.Position = Telerik.Web.UI.Gauge.ScaleLabelsPosition.Outside;

    //Create new GaugeRange object
    GaugeRange gr1 = new GaugeRange();

    //Set the properties of the new object
    gr1.From = 0;
    gr1.To = (decimal)0.4;
    gr1.Color = System.Drawing.Color.Green;

    GaugeRange gr2 = new GaugeRange();
    gr2.From = (decimal)0.4;
    gr2.To = (decimal)0.8;
    gr2.Color = System.Drawing.Color.Yellow;

    GaugeRange gr3 = new GaugeRange();
    gr3.From = (decimal)0.8;
    gr3.To = (decimal)1.2;
    gr3.Color = System.Drawing.Color.FromArgb(225, 0, 0);

    //Add Gauge objects to the RadialGauge
    radialGauge.Scale.Ranges.Add(gr1);
    radialGauge.Scale.Ranges.Add(gr2);
    radialGauge.Scale.Ranges.Add(gr3);

    //Add RadialGauge object to the div wrapper
    PlaceHolder1.Controls.Add(radialGauge);
}
Protected Sub Page_Init(sender As Object, e As System.EventArgs) Handles Me.Init

    'Create new RadialGauge object
    Dim radialGauge As New RadRadialGauge()
    radialGauge.ID = "radialGauge1"

    'Set Pointer properties
    radialGauge.Pointer.Value = 0.95
    radialGauge.Pointer.Cap.Size = 0.1
    radialGauge.Pointer.Cap.Color = System.Drawing.Color.Blue
    radialGauge.Pointer.Color = System.Drawing.Color.Blue

    'Set Min and Max values of the Scale
    radialGauge.Scale.Min = 0

    'In order the Max value to be displayed it should be multiple of the MajorUnit
    radialGauge.Scale.Max = 1.2
    radialGauge.Scale.MinorUnit = 0.5
    radialGauge.Scale.MajorUnit = 0.2

    'Set Minor and Major Ticks properties
    radialGauge.Scale.MinorTicks.Visible = False
    radialGauge.Scale.MajorTicks.Size = 10

    'Set Scale Labels properties
    radialGauge.Scale.Labels.Visible = True
    radialGauge.Scale.Labels.Font = "15px Arial,Helvetica,sans-serif"
    radialGauge.Scale.Labels.Color = System.Drawing.Color.Black
    radialGauge.Scale.Labels.Format = "P0"
    radialGauge.Scale.Labels.Position = Telerik.Web.UI.Gauge.ScaleLabelsPosition.Outside

    'Create new GaugeRange object
    Dim gr1 As New GaugeRange()

    'Set the properties of the new object
    gr1.From = 0
    gr1.To = 0.4
    gr1.Color = System.Drawing.Color.Green

    Dim gr2 As New GaugeRange()
    gr2.From = 0.4
    gr2.To = 0.8
    gr2.Color = System.Drawing.Color.Yellow

    Dim gr3 As New GaugeRange()
    gr3.From = 0.8
    gr3.To = 1.2
    gr3.Color = System.Drawing.Color.FromArgb(225, 0, 0)

    'Add Gauge objects to the RadialGauge
    radialGauge.Scale.Ranges.Add(gr1)
    radialGauge.Scale.Ranges.Add(gr2)
    radialGauge.Scale.Ranges.Add(gr3)

    'Add RadialGauge object to the div wrapper
    PlaceHolder1.Controls.Add(radialGauge)

End Sub
Is this article helpful? No Yes
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy