RadialGauge
RadialGauge
Using Ranges
The example demonstrates how to use ranges with the RadialGauge.
Features
Settings
Show Ranges: True
Description
The example demonstrates how to use ranges with the RadialGauge.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | using Microsoft.AspNetCore.Mvc; using System.Collections.Generic; using MvcExplorer.Models; namespace MvcExplorer.Controllers { public partial class RadialGaugeController : Controller { public ActionResult Ranges() { ViewBag.DemoSettings = true ; ViewBag.DemoSettingsModel = new ClientSettingsModel { Settings = CreateShowRangesSettings() }; return View(); } private static IDictionary< string , object []> CreateShowRangesSettings() { var settings = new Dictionary< string , object []> { { "ShowRanges" , new object []{ true , false }} }; return settings; } } } |
1 2 3 4 5 6 7 8 9 10 11 12 | @ { ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel; } < c1-radial-gauge id = "@demoSettingsModel.ControlId" min = "0" max = "10" value = "5" width = "300px" height = "180px" > < c1-gauge-range min = "2" max = "3" color = "Green" ></ c1-gauge-range > < c1-gauge-range min = "6" max = "9" color = "Yellow" ></ c1-gauge-range > </ c1-radial-gauge > @section Description{ @Html .Raw(RadialGaugeRes.Ranges_Text0) } |