Oracle Fusion Middleware Data Visualization Tools Tag Reference for Oracle ADF Faces
12c (12.1.3)
E41655-01

<dvt:ledGauge>

UIComponent class: oracle.adf.view.faces.bi.component.gauge.UILedGauge
Component type: oracle.dss.adf.gauge.LedGauge

Overview

A gauge displaying a metric value using a shape and color.
LED Gauge

Code Sample

<dvt:ledGauge value="23" minimum="0" maximum="100" type="circle">
  <dvt:gaugeThreshold maximum="33"/>
  <dvt:gaugeThreshold maximum="67"/>
  <dvt:gaugeThreshold/>
</dvt:ledGauge>

Related Tags

Browser Support and Output Formats

This component relies on HTML5 technologies available in modern browsers for animations and interactivity. When displayed in older browsers, such as IE8, a PNG image will be displayed. Animations and interactivity are not supported in these browsers.

Customization Options

Animation

Animations can be enabled on data change or on initial display by adding af:transition as a child of this component. The following trigger types and transitions are supported:

dataChange: none (default), auto
display: none (default), auto

Labels

The gauge metric label can be configured using dvt:gaugeMetricLabel. By default, the label color and size will be optimized to fit within the led shape.

Number Formatting

Number formatting options are available through dvt:gaugeMetricLabel.

Size

The size of the led shape within the allocated component space can be customized using the size attribute. This can be used to display an additional data dimension.

Thresholds

Thresholds can be added to the gauge using dvt:gaugeThreshold. The value of the last threshold is automatically specified to be the maximum value of the gauge.

Visual Effects

Visual effects such as gradients and overlays can be disabled to achieve a flatter look using the visualEffects attribute.

Interactivity Features

Note: As mentioned in the browser support section, the interactivity features are not supported in older browsers, such as IE8.

Popups and Context Menus

Popups and context menus can be displayed using af:showPopupBehavior.

Screen Shot(s)

Events

Type	Phases	Description
org.apache.myfaces.trinidad.event.AttributeChangeEvent	Invoke Application, Apply Request Values	Event delivered to describe an attribute change. Attribute change events are not delivered for any programmatic change to a property. They are only delivered when a renderer changes a property without the application's specific request. An example of an attribute change event might include the width of a column that supported client-side resizing.

Attributes

Name	Type	Supports EL?	Description
attributeChangeListener	javax.el.MethodExpression	Only EL	a method reference to an attribute change listener. Attribute change events are not delivered for any programmatic change to a property. They are only delivered when a renderer changes a property without the application's specific request. An example of an attribute change events might include the width of a column that supported client-side resizing.
binding	oracle.adf.view.faces.bi.component.gauge.UILedGauge	Only EL	Specifies a binding reference to store a specific instance of UILedGauge from a backing bean. Set this attribute only to access code in a backing bean. For example, to reference a gauge component in the sample managed bean, use the following code: `binding="#{sample.gauge}"`
borderColor	String	Yes	Specifies the border color of the gauge indicator. Valid values are RGB hexadecimal.
color	String	Yes	Specifies the fill color of the gauge indicator. Valid values are RGB hexadecimal.
emptyText	String	Yes	The text of the component when empty.
id	String	No	Specifies the identifier for the component
inlineStyle	String	Yes	Style of the outer element (enclosing div) of the component
maximum	Number	Yes	The maximum value for the gauge.
minimum	Number	Yes	The minimum value for the gauge.
partialTriggers	String[]	Yes	The IDs of the components that should trigger a partial update. This component will listen on the trigger components. If one of the trigger components receives an event that will cause it to update in some way, this component will request to be updated too.
rendered	boolean	Yes	Default Value: true Specifies whether the component is rendered.
rotation	Number	Yes	Valid Values: 0, 90, 180, 270 Default Value: 0 Specifies the rotation angle for the gauge, which is useful for changing the direction of arrow and triangle gauges. Valid values are 0 (Default), 90, 180, 270.
shortDesc	String	Yes	The short description of this component. This is used to customize the tooltip text.
size	Number	Yes	Default Value: 1.0 The relative size of the LED gauge shape. Valid values are between 0 and 1 (default).
styleClass	String	Yes	Sets a CSS style class to use for this component.
type	String	Yes	Valid Values: arrow, circle, diamond, rectangle, star, triangle Default Value: circle Specifies the shape of the LED gauge. Valid values are: arrow circle (Default) diamond rectangle star triangle
value	Number	Yes	The metric value for the gauge.
visualEffects	String	Yes	Valid Values: none, auto Default Value: auto Specifies whether visual effects such as gradients and overlays are enabled. Valid values are "none" and "auto" (Default).