Segment Settings in ASP.NET MVC DigitalGauge
23 Mar 20211 minute to read
Appearance
-
Digital Gauge consists of several digital segments.
Segment
is customized with some properties. Color of the segment is set by using color property.Color
is either given as string or hexadecimal value. - You can add gradient effects to the segments with the help of
gradient
attribute. Theopacity
of the segment is also adjustable. The space between two segments are adjusted withspacing
property.
@* For Digital Gauge rendering *@
@(Html.EJ().DigitalGauge("DigitalGauge1")
.Width(800)
.Value("GO AHEAD")
.Items(it=>
{ it.SegmentSettings(ss =>
// For setting segment opacity
ss.Opacity(0.1)
// For setting segment spacing
.Spacing(4)
// For setting segment color
.Color("Green")).Add(); }))
Execute the above code examples to render the DigitalGauge as follows.
Dimension Modification
-
Digital Gauge consists of several digital segments. Segment is customized with some properties. Color of the segment is set by using
color
property. Color is either given as string or hexadecimal value. - You can add gradient effects to the segments with the help of
gradient
attribute. Theopacity
of the segment is also adjustable. The space between two segments are adjusted withspacing
property.
@* For Digital Gauge rendering *@
@(Html.EJ().DigitalGauge("DigitalGauge1")
.Width(800)
.Value("WELCOME")
.Items(it=>
{ it.SegmentSettings(ss =>
// For setting segment opacity
ss.Length(3)
// For setting segment color
.Width(3)).Add();
}))
Execute the above code examples to render the DigitalGauge as follows.