Type definition for one range section in a LinearGaugeChart Generally, you define these slightly differently depending if you want to display a interpolated gauge or solid stepping gauge:

 // Example with solid stepping gauge
gauge.setRanges([
{ start: 0, color: ColorCSS('red') },
{ start: 4, color: ColorCSS('green') },
{ start: 7, end: 10, color: ColorCSS('blue') },
])
gauge.setColorInterpolation(false)
 // Example with interpolated gauge steps
gauge.setRanges([
{ start: 0, color: ColorCSS('red') },
{ start: 5, color: ColorCSS('green') },
{ start: 10, color: ColorCSS('blue') },
])
gauge.setColorInterpolation(true)

Hierarchy

  • LinearGaugeRange

Properties

Properties

color?: Color
end?: number
start?: number