Graph Defining the ADF Data Visualization Components

Introduction to ADF Data Visualization Components 23-5 ■ pie graph with 3D effect and an exploded slice ■ bar graph with 3D effect Figure 23–4 Dashboard with Line, Pie, and Bar Graphs Figure 23–5 shows a line sparkchart displaying sales trends in a table column. Figure 23–5 Sparkchart of Sales Trends

23.2.2 Gauge

The gauge component renders graphical representations of data. Unlike the graph, a gauge focuses on a single data point and examines that point relative to minimum, maximum, and threshold indicators to identify problem areas. One gauge component can create a single gauge or a set of gauges depending on the data provided. 23-6 Web User Interface Developers Guide for Oracle Application Development Framework The following kinds of gauges can be produced by this component: ■ Dial gauge: Creates a gauge that indicates its metric value along an 180-degree arc. This type of gauge usually has an indicator in the shape of a line or an arrow that points to the value that the gauge is plotting. ■ Status meter gauge: Creates a gauge that indicates the progress of a task or the level of some measurement along a horizontal rectangular bar. An inner rectangle shows the current level of a measurement against the ranges marked on an outer rectangle. ■ Status meter gauge vertical: Creates a gauge that indicates the progress of a task of the level of some measurement along a vertical rectangular bar. ■ LED lighted electronic display gauge: Creates a gauge that depicts graphically a measurement, such as key performance indicator KPI. Several styles of graphics are available for LED gauges such as arrows that indicate good up arrow, fair left- or right-pointing arrow, or poor down arrow. You can specify any number of thresholds for a gauge. However, some LED gauges such as those with arrow or triangle indicators support a limited number of thresholds because there are a limited number of meaningful directions for them to point. For arrow or triangle indicators, the threshold limit is three. In JDeveloper, a Component Gallery displays available gauges categories, types, and descriptions to provide visual assistance when designing gauges and defining a quick layout. Figure 23–6 shows the Component Gallery for gauges. Figure 23–6 Component Gallery for Gauges All gauge components can use Flash, SVG, and PNG rendering. Introduction to ADF Data Visualization Components 23-7 Figure 23–7 shows a set of dial gauges set with thresholds to display warehouse stock levels. Figure 23–7 Dial Gauges set with Thresholds Figure 23–8 shows a set of status meter gauges set with thresholds. Figure 23–8 Status Meter Gauges set with Thresholds

23.2.3 Pivot Table

The pivot table produces a grid that supports multiple layers of data labels on rows or columns. An optional pivot filter bar can be associated with the pivot table to filter data not displayed in the row or column edge. When bound to an appropriate data control such as a row set, the component also supports the option of generating subtotals and totals for grid data, and drill operations at runtime. In JDeveloper, a Create Pivot Table wizard provides declarative support for databinding and configuring the pivot table. For more information, see the Creating Databound ADF Pivot Tables section in the Oracle Fusion Middleware Fusion Developers Guide for Oracle Application Development Framework. Pivot tables let you swap data labels from one edge row or column or pivot filter bar page edge to another edge to obtain different views of your data. For example, a pivot table might initially display total sales data for products within regions on the row edge, broken out by years on the column edge. If you swap region and year at runtime, then you end up with total sales data for products within years, broken out by region. Pivot tables support horizontal and vertical scrolling, header and cell formatting, and drag-and-drop pivoting. Pivot tables also support ascending and descending group 23-8 Web User Interface Developers Guide for Oracle Application Development Framework sorting of rows at runtime. Figure 23–9 shows an example pivot table with a pivot filter bar. Figure 23–9 Pivot Table with Pivot Filter Bar

23.2.4 Geographic Map

The geographic map provides the functionality of Oracle Spatial within the ADF framework. This component represents business data on a map and lets you superimpose multiple layers of information on a single map. This component supports the simultaneous display of a color theme, a graph theme bar or pie graph, and point themes. You can create any number of each type of theme and you can use the map toolbar to select the desired themes at runtime. As an example of a geographic map, consider a base map of the United States with a color theme that provides varying color intensity to indicate the popularity of a product within each state, a pie chart theme that shows the stock levels of warehouses, and a point theme that identifies the exact location of each warehouse. When all three themes are superimposed on the United States map, you can easily evaluate whether there is sufficient inventory to support the popularity level of a product in specific locations. Figure 23–10 shows a geographic map with color theme, pie graph theme, and point theme. Figure 23–10 Geographic Map with Color Theme, Pie Graph Theme, and Point Theme Introduction to ADF Data Visualization Components 23-9

23.2.5 Gantt Chart

The Gantt chart is a type of horizontal bar graph with time on the horizontal axis that is used in planning and tracking projects to show resources or tasks in a time frame with a distinct beginning and end. A Gantt chart consists of two ADF Faces tree tables combined with a splitter. The left-hand table contains a list of tasks or resources while the right-hand table consists of a single column in which progress is graphed over time. There are three types of gantt components: ■ Project Gantt: Creates a Gantt chart that shows tasks vertically, and the duration of the task is represented as a bar on a horizontal timeline. ■ Resource utilization Gantt: Creates a Gantt chart that shows graphically whether resources are over or under allocated. It shows resources vertically while showing their allocation and, optionally, capacity on the horizontal time axis. ■ Scheduling Gantt: Creates a Gantt chart that shows resource management and is based on manual scheduling boards. It shows resources vertically with corresponding activities on the horizontal time axis. Figure 23–11 shows a project Gantt view of staff resources and schedules. Figure 23–11 Project Gantt

23.2.6 Hierarchy Viewer

The hierarchy viewer component displays hierarchical data as a set of linked nodes in a diagram. The nodes and links correspond to the elements and relationships to the data. The component supports pan and zoom operations, expanding and collapsing of the nodes, rendering of simple ADF Faces components within the nodes, and search of the hierarchy viewer data. A common use of the hierarchy viewer is to display an organization chart, as shown in Figure 23–12 .