JavaScript/jQuery 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

​x
 
$(() => {
  $('#gauge').dxBarGauge({    startValue: -5,    endValue: 5,    baseValue: 0,    values: [-2.13, 1.48, -3.09, 4.52, 4.9, 3.9],    label: {      format: "##.## mm;-##.## mm",    },    export: {      enabled: true,    },    palette: 'ocean',    title: {      text: 'Deviations in the Manufactured Parts',      font: {        size: 28,      },    },  });});​

xxxxxxxxxx
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">  <head>↔</head>  <body class="dx-viewport">    <div class="demo-container">      <div id="gauge"></div>    </div>  </body></html>​

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