private void InitializeGauge(CircularGauge gaugeModel) { // Create a data base data table DataTable dt = new DataTable(); dt.Columns.Add("Name"); dt.Columns.Add("MaxStock"); dt.Columns.Add("FreeStock"); dt.Columns.Add("AvailableStock"); dt.Rows.Add(new Object[] { "T13", 10000, 5000, 8230 }); // Create a new data collection from data base table GaugeData gauges = new GaugeData(); foreach (DataRow row in dt.Rows) { gauges.Minimum = Convert.ToDouble(row["FreeStock"]); gauges.Maximum = Convert.ToDouble(row["MaxStock"]); gauges.Value = Convert.ToDouble(row["AvailableStock"]); } CircularGaugePointer pointer = new CircularGaugePointer(); pointer.Value = gauges.Value; CircularGaugeAxis axis = new CircularGaugeAxis(); axis.Pointers = new List <CircularGaugePointer>(); axis.Minimum = gauges.Minimum; axis.Maximum = gauges.Maximum; axis.Pointers.Add(pointer); gaugeModel.Axes = new List <CircularGaugeAxis>(); gaugeModel.Axes.Add(axis); }
// GET: Campass public ActionResult DirectionCompass() { // Pointers // List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.Value = 7; pointer1.Radius = "50%"; pointer1.Color = "#f03e3e"; pointer1.PointerWidth = 20; pointer1.Cap = new CircularGaugeCap { Radius = 0 }; pointer1.Animation = new CircularGaugeAnimation { Enable = false }; pointers.Add(pointer1); CircularGaugePointer pointer2 = new CircularGaugePointer(); pointer2.Value = 3; pointer2.Radius = "50%"; pointer2.Color = "#9E9E9E"; pointer2.PointerWidth = 20; pointer2.Cap = new CircularGaugeCap { Radius = 0 }; pointer2.Animation = new CircularGaugeAnimation { Enable = false }; pointers.Add(pointer2); ViewBag.Pointers = pointers; return(View()); }
// GET: Default public ActionResult DefaultFunctionalities() { List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.Value = 60; pointer1.Radius = "60%"; pointer1.PointerWidth = 7; pointer1.Cap = new CircularGaugeCap { Radius = 7, Color = "#757575", Border = new CircularGaugeBorder { Width = 0 } }; pointer1.NeedleTail = new CircularGaugeNeedleTail { Length = "25%" }; pointers.Add(pointer1); ViewBag.Pointers = pointers; ViewBag.labelFont = new CircularGaugeFont { FontFamily = "Roboto", Size = "12px", Opacity = 1, FontWeight = "Regular" }; return(View()); }
// GET: Customization public ActionResult GaugeCustomization() { List <CircularGaugeAnnotation> annotations = new List <CircularGaugeAnnotation>(); CircularGaugeAnnotation annotation1 = new CircularGaugeAnnotation(); annotation1.Content = "<div style=color:#666666;font-size:35px;>1800</div"; annotation1.Radius = "110%"; annotation1.Angle = 0; annotation1.ZIndex = "1"; annotations.Add(annotation1); ViewBag.Annotations = annotations; // Ranges // List <CircularGaugeRange> ranges = new List <CircularGaugeRange>(); CircularGaugeRange range1 = new CircularGaugeRange(); range1.Start = 1000; range1.End = 2000; range1.StartWidth = "30"; range1.EndWidth = "30"; range1.Radius = "90%"; range1.Color = "#E0E0E0"; ranges.Add(range1); ViewBag.Ranges = ranges; // Pointers // List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.Type = PointerType.RangeBar; pointer1.Value = 1800; pointer1.Radius = "90%"; pointer1.Color = "#FFDD00"; pointer1.Animation = new CircularGaugeAnimation { Duration = 0 }; pointer1.PointerWidth = 30; pointers.Add(pointer1); CircularGaugePointer pointer2 = new CircularGaugePointer(); pointer2.Value = 1800; pointer2.Radius = "90%"; pointer2.Color = "#424242"; pointer2.Animation = new CircularGaugeAnimation { Duration = 0 }; pointer2.PointerWidth = 9; pointer2.Cap = new CircularGaugeCap { Radius = 10, Color = "#424242", Border = new CircularGaugeBorder { Width = 0 } }; pointers.Add(pointer2); ViewBag.Pointers = pointers; return(View()); }
// GET: Campass public ActionResult GradientColor() { // Pointers // List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.Value = 65; pointer1.Radius = "85%"; pointer1.Color = "#E63B86"; pointer1.PointerWidth = 12; pointer1.NeedleStartWidth = 2; pointer1.Cap = new CircularGaugeCap { Radius = 12, Border = new CircularGaugeBorder { Width = 2.5, Color = "#E63B86" }, Color = "white" }; pointer1.NeedleStartWidth = 2; pointer1.NeedleTail = new CircularGaugeNeedleTail { Length = "0%" }; pointer1.Animation = new CircularGaugeAnimation { Enable = false }; pointers.Add(pointer1); ViewBag.Pointers = pointers; // Ranges // List <CircularGaugeRange> ranges = new List <CircularGaugeRange>(); CircularGaugeRange range1 = new CircularGaugeRange(); range1.Start = 0; range1.End = 120; range1.StartWidth = "18"; range1.EndWidth = "18"; range1.Color = "#E63B86"; range1.RoundedCornerRadius = 10; ranges.Add(range1); ViewBag.Ranges = ranges; return(View()); }
// GET: Ticks public ActionResult TicksAndLabels() { List <CircularGaugeAnnotation> annotations = new List <CircularGaugeAnnotation>(); CircularGaugeAnnotation annotation1 = new CircularGaugeAnnotation(); annotation1.Content = "<div id=content style=color:#518C03;font-size:20px;font-family:Segoe UI;font-weight:semibold;>145</div>"; annotation1.Radius = "0%"; annotation1.Angle = 0; annotation1.ZIndex = "1"; annotations.Add(annotation1); ViewBag.Annotations = annotations; // Ranges // List <CircularGaugeRange> ranges = new List <CircularGaugeRange>(); CircularGaugeRange range1 = new CircularGaugeRange(); range1.Start = 0; range1.End = 145; range1.Radius = "60%"; range1.Color = "#8BC34A"; ranges.Add(range1); ViewBag.Ranges = ranges; // Pointers // List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.PointerWidth = 0; pointer1.NeedleTail = new CircularGaugeNeedleTail { Color = "transparent", Length = "0%" }; ViewBag.Pointers = pointers; return(View()); }
// GET: Range public ActionResult Range() { // Annotations // List <CircularGaugeAnnotation> annotations = new List <CircularGaugeAnnotation>(); CircularGaugeAnnotation annotation1 = new CircularGaugeAnnotation(); annotation1.Content = "<div><span style=font-size:14px; color:#9E9E9E; font-family:Regular>Speedometer</span></div>"; annotation1.Radius = "30%"; annotation1.Angle = 0; annotation1.ZIndex = "1"; annotations.Add(annotation1); CircularGaugeAnnotation annotation2 = new CircularGaugeAnnotation(); annotation2.Content = "<div><span style=font-size:20px; color:#424242; font-family:Regular>65 MPH</span></div>"; annotation2.Radius = "40%"; annotation2.Angle = 180; annotation2.ZIndex = "1"; annotations.Add(annotation2); ViewBag.Annotations = annotations; //Pointers // List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.Value = 65; pointer1.Radius = "60%"; pointer1.PointerWidth = 8; pointer1.Cap = new CircularGaugeCap { Radius = 7 }; pointer1.NeedleTail = new CircularGaugeNeedleTail { Length = "18%" }; pointers.Add(pointer1); ViewBag.Pointers = pointers; // Ranges // List <CircularGaugeRange> ranges = new List <CircularGaugeRange>(); CircularGaugeRange range1 = new CircularGaugeRange(); range1.Start = 0; range1.End = 40; range1.Color = "#30B32D"; ranges.Add(range1); CircularGaugeRange range2 = new CircularGaugeRange(); range2.Start = 40; range2.End = 80; range2.Color = "#FFDD00"; ranges.Add(range2); CircularGaugeRange range3 = new CircularGaugeRange(); range3.Start = 80; range3.End = 120; range3.Color = "#F03E3E"; ranges.Add(range3); ViewBag.Ranges = ranges; return(View()); }
// GET: Annotation public ActionResult Annotation() { // Ranges // List <CircularGaugeRange> ranges = new List <CircularGaugeRange>(); CircularGaugeRange range1 = new CircularGaugeRange(); range1.Start = 0; range1.End = 3; range1.Color = "rgba(29,29,29,0.6)"; ranges.Add(range1); CircularGaugeRange range2 = new CircularGaugeRange(); range2.Start = 3; range2.End = 12; range2.Color = "rgba(226, 226, 226, 0.6)"; ranges.Add(range2); ViewBag.Ranges = ranges; // Pointers // List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); CircularGaugeBorder border = new CircularGaugeBorder(); border.Color = "#679EEF"; border.Width = 0; pointer1.PointerWidth = 5; pointer1.Radius = "40%"; pointer1.Color = "rgba(29,29,29,0.8)"; pointer1.Border = new CircularGaugeBorder { Color = "#679EEF", Width = 0 }; pointer1.Cap = new CircularGaugeCap { Radius = 0, Border = new CircularGaugeBorder { Width = 0, Color = "red" } }; pointer1.NeedleTail = new CircularGaugeNeedleTail { Length = "0%" }; pointer1.Animation = new CircularGaugeAnimation { Enable = false }; pointers.Add(pointer1); CircularGaugePointer pointer2 = new CircularGaugePointer(); pointer2.Radius = "60%"; pointer2.PointerWidth = 5; pointer2.Color = "rgba(29,29,29,0.8)"; pointer2.Border = new CircularGaugeBorder { Width = 0, Color = "rgba(29,29,29,0.8)" }; pointer2.Cap = new CircularGaugeCap { Color = "rgba(29,29,29,0.8)", Radius = 0, Border = new CircularGaugeBorder { Width = 0, Color = "red" } }; pointer2.NeedleTail = new CircularGaugeNeedleTail { Length = "0%" }; pointer2.Animation = new CircularGaugeAnimation { Enable = false }; pointers.Add(pointer2); CircularGaugePointer pointer3 = new CircularGaugePointer(); pointer3.Radius = "70%"; pointer3.PointerWidth = 1; pointer3.Color = "rgba(29,29,29,0.8)"; pointer3.Border = new CircularGaugeBorder { Width = 2, Color = "rgba(29,29,29,0.8)" }; pointer3.Cap = new CircularGaugeCap { Color = "white", Radius = 4, Border = new CircularGaugeBorder { Width = 2, Color = "rgba(29,29,29,0.8)" } }; pointer3.NeedleTail = new CircularGaugeNeedleTail { Length = "20%", Color = "rgba(29,29,29,0.8)", Border = new CircularGaugeBorder { Width = 2, Color = "rgba(29,29,29,0.8)" } }; pointer3.Animation = new CircularGaugeAnimation { Enable = false, Duration = 500 }; pointers.Add(pointer3); ViewBag.Pointers = pointers; return(View()); }
// GET: MultipleAxis public ActionResult MultipleAxis() { List <CircularGaugeAxis> axes = new List <CircularGaugeAxis>(); CircularGaugeAxis axis1 = new CircularGaugeAxis(); axis1.LineStyle = new CircularGaugeLine { Width = 1.5 }; axis1.Radius = "95%"; axis1.LabelStyle = new CircularGaugeLabel { Position = Position.Inside, AutoAngle = true, HiddenLabel = HiddenLabel.None }; axis1.MajorTicks = new CircularGaugeTick { Position = Position.Inside, Width = 2, Height = 10 }; axis1.MinorTicks = new CircularGaugeTick { Position = Position.Inside, Width = 2, Height = 5 }; axis1.Minimum = 0; axis1.Maximum = 160; axis1.StartAngle = 220; axis1.EndAngle = 140; List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.Value = 80; pointer1.Radius = "100%"; pointer1.MarkerHeight = 15; pointer1.MarkerWidth = 15; pointer1.Type = PointerType.Marker; pointer1.MarkerShape = GaugeShape.Triangle; pointers.Add(pointer1); axis1.Pointers = pointers; axes.Add(axis1); CircularGaugeAxis axis2 = new CircularGaugeAxis(); axis2.LineStyle = new CircularGaugeLine { Width = 1.5, Color = "#E84011" }; axis2.Radius = "95%"; axis2.LabelStyle = new CircularGaugeLabel { Position = Position.Outside, AutoAngle = true, HiddenLabel = HiddenLabel.None, Font = new CircularGaugeFont { Color = "#E84011" } }; axis2.MajorTicks = new CircularGaugeTick { Position = Position.Outside, Width = 2, Height = 10, Color = "#E84011" }; axis2.MinorTicks = new CircularGaugeTick { Position = Position.Outside, Width = 2, Height = 5, Color = "#E84011" }; axis2.Minimum = 0; axis2.Maximum = 240; axis2.StartAngle = 220; axis2.EndAngle = 140; List <CircularGaugePointer> pointers2 = new List <CircularGaugePointer>(); CircularGaugePointer pointer2 = new CircularGaugePointer(); pointer2.Value = 120; pointer2.Radius = "100%"; pointer2.Color = "#C62E0A"; pointer2.MarkerHeight = 15; pointer2.MarkerWidth = 15; pointer2.Type = PointerType.Marker; pointer2.MarkerShape = GaugeShape.InvertedTriangle; pointers2.Add(pointer2); axis2.Pointers = pointers2; axes.Add(axis2); ViewBag.Axes = axes; return(View()); }
// GET: AppleWatchRings public ActionResult AppleWatchRings() { ViewBag.Font = new CircularGaugeFont { FontFamily = "Roboto", Size = "0px", Color = "white", FontStyle = "Regular" }; // Ranges // List <CircularGaugeRange> ranges = new List <CircularGaugeRange>(); CircularGaugeRange range1 = new CircularGaugeRange(); range1.Start = 0; range1.End = 100; range1.Radius = "90%"; range1.StartWidth = "40"; range1.EndWidth = "40"; range1.Color = "#E30219"; range1.Opacity = 0.2; ranges.Add(range1); CircularGaugeRange range2 = new CircularGaugeRange(); range2.Start = 0; range2.End = 100; range2.Radius = "68%"; range2.StartWidth = "40"; range2.EndWidth = "40"; range2.Color = "#3EDE00"; range2.Opacity = 0.2; ranges.Add(range2); CircularGaugeRange range3 = new CircularGaugeRange(); range3.Start = 0; range3.End = 100; range3.Radius = "46%"; range3.StartWidth = "40"; range3.EndWidth = "40"; range3.Color = "#18F8F6"; range3.Opacity = 0.2; ranges.Add(range3); ViewBag.Ranges = ranges; List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.RoundedCornerRadius = 25; pointer1.Value = 65; pointer1.Type = PointerType.RangeBar; pointer1.Radius = "90%"; pointer1.Color = "#E2011A"; pointer1.Animation = new CircularGaugeAnimation { Enable = true }; pointer1.PointerWidth = 40; pointers.Add(pointer1); CircularGaugePointer pointer2 = new CircularGaugePointer(); pointer2.RoundedCornerRadius = 25; pointer2.Value = 43; pointer2.Type = PointerType.RangeBar; pointer2.Radius = "68%"; pointer2.Color = "#3FE000"; pointer2.Animation = new CircularGaugeAnimation { Enable = true }; pointer2.PointerWidth = 40; pointers.Add(pointer2); CircularGaugePointer pointer3 = new CircularGaugePointer(); pointer3.RoundedCornerRadius = 25; pointer3.Value = 58; pointer3.Type = PointerType.RangeBar; pointer3.Radius = "46%"; pointer3.Color = "#00C9E6"; pointer3.Animation = new CircularGaugeAnimation { Enable = true }; pointer3.PointerWidth = 40; pointers.Add(pointer3); ViewBag.Pointers = pointers; return(View()); }
// GET: Legend public ActionResult Legend() { List <CircularGaugePointer> pointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.Value = 70; pointer1.Radius = "60%"; pointer1.PointerWidth = 8; pointer1.Cap = new CircularGaugeCap { Radius = 7 }; pointer1.NeedleTail = new CircularGaugeNeedleTail { Length = "18%" }; pointers.Add(pointer1); ViewBag.Pointers = pointers; // Ranges // List <CircularGaugeRange> ranges = new List <CircularGaugeRange>(); CircularGaugeRange range1 = new CircularGaugeRange(); range1.Start = 0; range1.End = 5; range1.Color = "#ccffff"; range1.Radius = "110%"; range1.LegendText = "Light air"; ranges.Add(range1); CircularGaugeRange range2 = new CircularGaugeRange(); range2.Start = 5; range2.End = 11; range2.Color = "#99ffff"; range2.Radius = "110%"; range2.LegendText = "Light breeze"; ranges.Add(range2); CircularGaugeRange range3 = new CircularGaugeRange(); range3.Start = 11; range3.End = 19; range3.Color = "#99ff99"; range3.Radius = "110%"; range3.LegendText = "Gentle breeze"; ranges.Add(range3); CircularGaugeRange range4 = new CircularGaugeRange(); range4.Start = 19; range4.End = 28; range4.Color = "#79ff4d"; range4.Radius = "110%"; range4.LegendText = "Moderate breeze"; ranges.Add(range4); CircularGaugeRange range5 = new CircularGaugeRange(); range5.Start = 28; range5.End = 49; range5.Color = "#c6ff1a"; range5.Radius = "110%"; range5.LegendText = "Strong breeze"; ranges.Add(range5); CircularGaugeRange range6 = new CircularGaugeRange(); range6.Start = 49; range6.End = 74; range6.Color = "#e6ac00"; range6.Radius = "110%"; range6.LegendText = "Gale"; ranges.Add(range6); CircularGaugeRange range7 = new CircularGaugeRange(); range7.Start = 74; range7.End = 102; range7.Color = "#ff6600"; range7.Radius = "110%"; range7.LegendText = "Storm"; ranges.Add(range7); CircularGaugeRange range8 = new CircularGaugeRange(); range8.Start = 102; range8.End = 120; range8.Color = "#ff0000"; range8.Radius = "110%"; range8.LegendText = "Hurricane force"; ranges.Add(range8); ViewBag.Ranges = ranges; return(View()); }
// GET: PointerCustom public ActionResult PointerCustomization() { // First gauge // List <CircularGaugePointer> firstPointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer1 = new CircularGaugePointer(); pointer1.Radius = "100%"; pointer1.Value = 80; pointer1.Type = PointerType.Marker; pointer1.MarkerShape = GaugeShape.InvertedTriangle; pointer1.MarkerHeight = 15; pointer1.MarkerWidth = 15; pointer1.Color = "rgb(0,171,169)"; firstPointers.Add(pointer1); ViewBag.FirstPointers = firstPointers; List <CircularGaugeAnnotation> firstAnnotations = new List <CircularGaugeAnnotation>(); CircularGaugeAnnotation annotation1 = new CircularGaugeAnnotation(); annotation1.Angle = 180; annotation1.ZIndex = "1"; annotation1.Radius = "20%"; annotation1.Content = "<div style=color:#757575; font-family:Roboto; font-size:14px;>Inverted Triangle</div>"; firstAnnotations.Add(annotation1); ViewBag.FirstAnnotations = firstAnnotations; // Second Gauge // List <CircularGaugeAnnotation> secondAnnotations = new List <CircularGaugeAnnotation>(); CircularGaugeAnnotation annotation2 = new CircularGaugeAnnotation(); annotation2.Angle = 180; annotation2.ZIndex = "1"; annotation2.Radius = "20%"; annotation2.Content = "<div style=color:#757575; font-family:Roboto; font-size:14px;>Range Bar</div"; secondAnnotations.Add(annotation2); ViewBag.SecondAnnotations = secondAnnotations; List <CircularGaugePointer> secondPointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer2 = new CircularGaugePointer(); pointer2.Radius = "90%"; pointer2.Value = 66; pointer2.Type = PointerType.RangeBar; pointer2.Color = "#ff5985"; pointer2.PointerWidth = 10; pointer2.Animation = new CircularGaugeAnimation { Enable = true, Duration = 1000 }; secondPointers.Add(pointer2); ViewBag.SecondPointers = secondPointers; // Third Gauge // List <CircularGaugeAnnotation> thirdAnnotations = new List <CircularGaugeAnnotation>(); CircularGaugeAnnotation annotation3 = new CircularGaugeAnnotation(); annotation3.Angle = 180; annotation3.ZIndex = "1"; annotation3.Radius = "20%"; annotation3.Content = "<div style=color:#757575; font-family:Roboto; font-size:14px;>Triangle</div"; thirdAnnotations.Add(annotation3); ViewBag.ThirdAnnotations = thirdAnnotations; List <CircularGaugePointer> thirdPointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer3 = new CircularGaugePointer(); pointer3.Radius = "100%"; pointer3.Value = 70; pointer3.Type = PointerType.Marker; pointer3.MarkerShape = GaugeShape.Triangle; pointer3.MarkerHeight = 15; pointer3.MarkerWidth = 15; pointer3.Color = "#1E7145"; pointer3.PointerWidth = 10; pointer3.Border = new CircularGaugeBorder { Width = 1, Color = "#1E7145" }; pointer3.Animation = new CircularGaugeAnimation { Enable = true, Duration = 1000 }; thirdPointers.Add(pointer3); ViewBag.ThirdPointers = thirdPointers; // Fourth gauge // List <CircularGaugeAnnotation> fourthAnnotations = new List <CircularGaugeAnnotation>(); CircularGaugeAnnotation annotation4 = new CircularGaugeAnnotation(); annotation4.Angle = 180; annotation4.ZIndex = "1"; annotation4.Radius = "20%"; annotation4.Content = "<div style=color:#757575; font-family:Roboto; font-size:14px;>Needle</div"; fourthAnnotations.Add(annotation4); ViewBag.FourthAnnotations = fourthAnnotations; List <CircularGaugePointer> fourthPointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer4 = new CircularGaugePointer(); pointer4.Radius = "100%"; pointer4.Value = 70; pointer4.PointerWidth = 6; pointer4.Color = "#923C99"; pointer4.PointerWidth = 10; pointer4.Cap = new CircularGaugeCap { Radius = 0, Color = "transparent" }; pointer4.NeedleTail = new CircularGaugeNeedleTail { Length = "4%", Color = "#923C99" }; pointer4.Animation = new CircularGaugeAnimation { Enable = true, Duration = 900 }; fourthPointers.Add(pointer4); ViewBag.FourthPointers = fourthPointers; // Fifth gauge // List <CircularGaugeAnnotation> fifthAnnotations = new List <CircularGaugeAnnotation>(); CircularGaugeAnnotation annotation5 = new CircularGaugeAnnotation(); annotation5.Angle = 180; annotation5.ZIndex = "1"; annotation5.Radius = "20%"; annotation5.Content = "<div style=color:#757575; font-family:Roboto; font-size:14px;>Multiple Needle</div"; fifthAnnotations.Add(annotation5); ViewBag.FifthAnnotations = fifthAnnotations; List <CircularGaugePointer> fifthPointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer5_1 = new CircularGaugePointer(); pointer5_1.Radius = "80%"; pointer5_1.Value = 80; pointer5_1.MarkerHeight = 5; pointer5_1.MarkerWidth = 5; pointer5_1.Color = "#ffb133"; pointer5_1.PointerWidth = 10; pointer5_1.Cap = new CircularGaugeCap { Radius = 8, Color = "white", Border = new CircularGaugeBorder { Color = "#ffb133", Width = 1 } }; pointer5_1.NeedleTail = new CircularGaugeNeedleTail { Length = "20%", Color = "#ffb133" }; pointer5_1.Animation = new CircularGaugeAnimation { Enable = true, Duration = 1000 }; fifthPointers.Add(pointer5_1); CircularGaugePointer pointer5_2 = new CircularGaugePointer(); pointer5_2.Radius = "60%"; pointer5_2.Value = 40; pointer5_2.MarkerHeight = 5; pointer5_2.MarkerWidth = 5; pointer5_2.Color = "#ffb133"; pointer5_2.PointerWidth = 10; pointer5_2.Cap = new CircularGaugeCap { Radius = 8, Color = "white", Border = new CircularGaugeBorder { Color = "#ffb133", Width = 1 } }; pointer5_2.NeedleTail = new CircularGaugeNeedleTail { Length = "20%", Color = "#ffb133" }; pointer5_2.Animation = new CircularGaugeAnimation { Enable = true, Duration = 1000 }; fifthPointers.Add(pointer5_2); ViewBag.FifthPointers = fifthPointers; // Sixth gauge // List <CircularGaugeAnnotation> sixthAnnotations = new List <CircularGaugeAnnotation>(); CircularGaugeAnnotation annotation6 = new CircularGaugeAnnotation(); annotation6.Angle = 180; annotation6.ZIndex = "1"; annotation6.Radius = "20%"; annotation6.Content = "<div style=color:#757575; font-family:Roboto; font-size:14px;>Live Update</div"; sixthAnnotations.Add(annotation6); ViewBag.SixthAnnotations = sixthAnnotations; List <CircularGaugePointer> sixthPointers = new List <CircularGaugePointer>(); CircularGaugePointer pointer6_1 = new CircularGaugePointer(); pointer6_1.Radius = "100%"; pointer6_1.Value = 40; pointer6_1.Color = "#067bc2"; pointer6_1.PointerWidth = 6; pointer6_1.Cap = new CircularGaugeCap { Radius = 0, Color = "transparent" }; pointer6_1.NeedleTail = new CircularGaugeNeedleTail { Length = "4%", Color = "#067bc2" }; pointer6_1.Animation = new CircularGaugeAnimation { Enable = true, Duration = 900 }; sixthPointers.Add(pointer6_1); CircularGaugePointer pointer6_2 = new CircularGaugePointer(); pointer6_2.Radius = "100%"; pointer6_2.Type = PointerType.RangeBar; pointer6_2.Value = 40; pointer6_2.PointerWidth = 6; pointer6_2.Color = "#067bc2"; pointer6_2.Animation = new CircularGaugeAnimation { Enable = true, Duration = 900 }; sixthPointers.Add(pointer6_2); ViewBag.SixthPointers = sixthPointers; return(View()); }