ASP .NET Core MVC Demos
Show Demo List
|
|
jqx-bargauge
tag helper adds a Bar Gauge component to a web page.
@{ViewData["Title"] = "ASP .NET MVC Bar Gauge Example";List<string> ranges = new List<string>(){"{ startValue: 0, endValue: 200, color: \"#000000\", opacity: 0.5 }","{ startValue: 200, endValue: 250, color: \"#000000\", opacity: 0.3 }","{ startValue: 250, endValue: 300, color: \"#000000\", opacity: 0.1 }"};List<double> barGaugeValues = new List<double>(){102, 115, 130, 137};}<label>ASP .NET MVC Core BarGauge Tag Helper Example</label><br/><br/><jqx-bargauge colorScheme="scheme02" ranges="ranges" values="barGaugeValues" width="600" height="600" max="150"></jqx-bargauge>