Help us shape the 2021 DevExtreme Roadmap. Take our 5 minute survey.
Dismiss
Your search did not match any results.
Linear Gauge

Scale Custom Tick Interval

Documentation

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.

@(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.NETCore.Demos.Models.SampleData; using Microsoft.AspNetCore.Mvc; namespace DevExtreme.NETCore.Demos.Controllers { public class GaugesController : Controller { public ActionResult ScaleCustomTickInterval() { return View(); } } }
#gauge { height: 440px; width: 100%; }