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.

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.NETCore.Demos.Models.SampleData; using Microsoft.AspNetCore.Mvc; namespace DevExtreme.NETCore.Demos.Controllers { public class GaugesController : Controller { public ActionResult Palette() { return View(); } } }

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