Scale Minor Ticks

Documentation

This demo illustrates minor ticks of the CircularGauge scale. To display minor ticks, set the visible option of the minorTick configuration object to true.

Prev Demo Next Demo

ASP.NET MVC

@(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%; }

Scale Minor Ticks

jQuery

AngularJS

Angular

ASP.NET MVC

ASP.NET Core