This demo illustrates minor ticks of the CircularGauge scale. To display minor ticks, set the visible property of the minorTick configuration object to true.
@(Html.DevExtreme().CircularGauge()
.ID("gauge")
.Scale(s => s
.StartValue(0)
.EndValue(1000)
.Tick(t => t.Color("#9c9c9c"))
.MinorTick(t => t.Color("#9c9c9c").Visible(true))
.TickInterval(100)
.MinorTickInterval(25)
)
.RangeContainer(c => c.BackgroundColor("none"))
.Title(t => t
.Text("Fan Speed (in rpm)")
.Font(f => f.Size(28))
)
.Export(e => e.Enabled(true))
.Value(750)
)
using DevExtreme.MVC.Demos.Models.SampleData;
using System.Collections.Generic;
using System.Web.Mvc;
namespace DevExtreme.MVC.Demos.Controllers {
public class GaugesController : Controller {
public ActionResult ScaleMinorTicks() {
return View();
}
}
}#gauge {
height: 440px;
width: 100%;
}