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());
}
