Gauges - Palette

In this demo, the BarGauge uses one of the predefined palettes for coloring bars. To specify a custom palette, assign an array of colors to the palette property.

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().BarGauge() .ID("gauge") .StartValue(-5) .EndValue(5) .BaseValue(0) .Values(new[] { -2.13, 1.48, -3.09, 4.52, 4.9, 3.9 }) .Label(l => l.Format("##.## mm;-##.## mm")) .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%; }