Your search did not match any results.



In this demo, the BarGauge uses one of the predefined palettes for coloring bars. This palette is specified by the palette property. You are not limited to use only the predefined palettes. To specify your own palette, assign an array of required colors to the property mentioned before.

Backend API
@(Html.DevExtreme().BarGauge() .ID("gauge") .StartValue(-50) .EndValue(50) .BaseValue(0) .Values(new[] { -21.3, 14.8, -30.9, 45.2 }) .Label(l => l.CustomizeText(@<text> function (arg) { return arg.valueText + " mm"; } </text>)) .Export(e => e.Enabled(true)) .Palette(VizPalette.Ocean) .Title(t => t .Text("Deviations in the Manufactured Parts") .Font(f => f.Size(28)) ) )
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 Palette() { return View(); } } }
#gauge { height: 440px; width: 100%; }