FusionCharts for Flex > Creating Widgets > LED Gauge > Overview

A LED Gauge is similar to an angular gauge chart but with a horizontal/vertical scale instead of a circular one. It uses bars that change color, or marks out different regions in different colors to indicate whether data is preset within the parameters. The colors is selected to suit the application such as green for satisfactory, yellow for caution, and red for alarm.

LED Gauges are of two types - horizontal and vertical. The horizontal LED gauge has the bar placed horizontally while the vertical LED has the bar placed vertically.

LED Gauges are used in financial applications like management dashboards, factory operation output reports, etc.

A few outputs of FusionWidgets LED Gauge can be reproduced as shown below:

The chart is defined by minimum and maximum values. Within the scale you can create various ranges to classify your data. The purpose is to classify the value as belonging to a predetermined range. For example, you might define a range called “Best” that consists of values between 60 and 100. Or you might create a range called “Weak” that consists of values between 30 and 60. For each range, you define a color, which helps visually distinguish the ranges from each other.

To create a LED Gauge chart, you need to:

  • Decide the lower and upper limit of chart
  • Decide the visual properties of the chart
  • Decide the color range for the chart. That is, suppose you are plotting a volume meter chart, the color range could be:
    0-60 dB – Faint – Green
    60-90 dB – Moderate - Yellow
    90-120 dB – Loud - Red
  • Decide the chart value

Let’s study the anatomy of a LED gauge before we move to the XML structure of the chart.