RadialGauge
Styling
In this example, we added the "custom-gauge" CSS class to RadialGauge, and defined CSS rules to create an orange pointer.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MvcExplorer.Controllers { public partial class RadialGaugeController : Controller { public ActionResult Styling() { return View(); } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | @section Styles{ < style > .custom-gauge .wj-pointer path{ fill: #ffa500; stroke: #cd853f; } </ style > } @ (Html.C1().RadialGauge() .Min(0).Max(10).Value(5) .Width(500).CssClass( "custom-gauge" ) .Width(300).Height(180) ) @section Description{ @Html .Raw(Resources.RadialGauge.Styling_Text0) } |