How to Configure Graph Components to Display Active Data

25-2 Web User Interface Developers Guide for Oracle Application Development Framework Figure 25–1 Component Gallery for Gauges When a gauge component is inserted into a JSF page using the Component Gallery, a set of child tags that support customization of the gauge is automatically inserted. Example 25–1 shows the code inserted in the JSF page for a dial gauge with the quick-start layout selected in the Component Gallery in Figure 25–1 . Example 25–1 Gauge Sample Code dvt:gauge id=gauge2 value={bindings.Gaugedemo1View1.gaugeModel} gaugeType=DIAL imageFormat=FLASH dvt:gaugeBackground dvt:specialEffects fillType=FT_GRADIENT dvt:gradientStopStyle dvt:specialEffects dvt:gaugeBackground dvt:gaugeFrame dvt:indicator dvt:indicatorBase dvt:gaugePlotArea dvt:tickLabel dvt:tickMark dvt:topLabel dvt:bottomLabel dvt:metricLabel position=LP_WITH_BOTTOM_LABEL dvt:thresholdSet dvt:threshold fillColor=d62800 dvt:threshold fillColor=00ff00 dvt:thresholdSet dvt:gauge Using ADF Gauge Components 25-3 Gauges are displayed in a default size of 200 X 200 pixels. You can customize the size of a gauge or specify dynamic resizing to fit an area across different browser window sizes. When gauges are displayed in a horizontally or vertically restricted area, for example in a web page sidebar, the gauge is displayed in a small image size. Although fully featured, the smaller image is a simplified display. By default, gauges are displayed using a Flash player as specified in the gauge component imageFormat attribute. Alternatively, gauges can be displayed using a Portable Network Graphics PNG output format, as in the case when plug-ins are not allowed on client machines, or in bidirectional locales. Although static rendering is fully supported when using a PNG output format, certain interactive features are not available including: ■ Animation ■ Context menus ■ Drag and drop gestures ■ Interactive pie slice behavior ■ Reference object hover behavior ■ Popup support ■ Selection ■ Series rollover behavior ■ Time selector ■ Zoom and scroll live client-side scrolling

25.1.1 Types of Gauges

The following types of gauges are supported by the gauge component: ■ Dial: Indicates its metric along a 220 degree arc. This is the default gauge type. Figure 25–2 shows a dial gauge indicating a Plasma HD TV stock level within an acceptable range. Figure 25–2 Dial Gauge with Thresholds ■ Status Meter: Indicates the progress of a task or the level of some measurement along a rectangular bar. An inner rectangle shows the current level of a measurement against the ranges marked on an outer rectangle. Figure 25–3 shows the Plasma HD TV stock level using a status meter gauge.