Numeric Scale (Lightweight)

Documentation

This demo illustrates a numeric scale. Here, the currency format is applied to the scale labels and the slider markers.

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().RangeSelector() .ID("range-selector") .Margin(m => m.Top(50)) .Scale(s => s .StartValue(15000) .EndValue(150000) .MinorTickInterval(500) .TickInterval(15000) .MinorTick(m => m.Visible(false)) .Label(f => f.Format(Format.Currency)) ) .SliderMarker(f => f.Format(Format.Currency)) .Value(new[] { 40000.0, 80000.0 }) .Title("Select House Price Range") )

using DevExtreme.AspNet.Data; using DevExtreme.AspNet.Mvc; using DevExtreme.MVC.Demos.Models.SampleData; using System.Linq; using System.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class RangeSelectorController : Controller { public ActionResult NumericScaleLightweight() { return View(); } } }

#range-selector { height: 210px; }