Wijmo UI for the Web
Provide Colorized Ranges
Show AllShow All
Hide AllHide All

Building on the Quick Start example, you can add an array of ranges to your gauge to indicate hot zones or other custom zones of the gauge sweep.

  1. In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which adds four ranges, a grey one which spans the entire sweep of the gauge, and yellow, orange, and red ranges that indicate increasing levels of danger. 

    Drop down and copy script to paste in <head> section

  2. No changes are necessary in the <body> section of your HTML file. The basic <div> tag is sufficient to create the gauge.
  3. Save your HTML file and open it in a browser. The gauge appears like the one in the live widget below, with a grey range that spans the entire sweep of the gauge, and yellow, orange, and red ranges that indicate increasing levels of danger.

See Also

Widgets

Reference

 
Support Options