Gauges - Scale Custom Tick Interval

This demo shows how to specify custom tick intervals for major and minor ticks on the scale using the tickInterval and minorTickInterval properties of the scale object. In addition, you can place ticks at specific positions on the scale. To learn how to do this, see the next demo.

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Thank you for the feedback!

Backend API

@(Html.DevExtreme().LinearGauge() .ID("gauge") .Scale(s => s .StartValue(0) .EndValue(5) .TickInterval(2.5) .MinorTickInterval(0.625) .MinorTick(m => m.Visible(true)) ) .Export(e => e.Enabled(true)) .Title(t => t .Text("TV Show Rating") .Font(f => f.Size(28)) ) .Value(4.3) )

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 ScaleCustomTickInterval() { return View(); } } }

#gauge { height: 440px; width: 100%; }