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.
@(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%;
}