RadialGauge
RadialGauge
Styling
Features
Sample
Description
In this example, we added the "custom-gauge" CSS class to the RadialGauge, and define some CSS rules to create an orange pointer for both.
Source
StylingController.cs
using Microsoft.AspNetCore.Mvc; namespace MvcExplorer.Controllers { public partial class RadialGaugeController : Controller { public ActionResult Styling() { return View(); } } }
Styling.cshtml
@section Styles{ <style> .custom-gauge .wj-pointer path{ fill: #ffa500; stroke: #cd853f; } </style> } <c1-radial-gauge min="0" max="10" value="5" width="300px" height="180px" class="custom-gauge"> </c1-radial-gauge> @section Description{ @Html.Raw(RadialGaugeRes.Styling_Text0) }
Documentation