Introduction to ADF Data Visualization Components Providing Data for ADF Data Visualization Components
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 Thresholds23.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 Bar23.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-923.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 Gantt23.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 . 23-10 Web User Interface Developers Guide for Oracle Application Development Framework Figure 23–12 Hierarchy Viewer as Organizational Chart In JDeveloper, a Component Gallery displays available hierarchy viewer types and descriptions to provide visual assistance when designing the component and defining a quick layout. Figure 23–13 shows the Component Gallery for the hierarchy viewer. Introduction to ADF Data Visualization Components 23-11 Figure 23–13 Component Gallery for Hierarchy Viewer23.3 Providing Data for ADF Data Visualization Components
All data visualization components can be bound to row set data collections in an ADF data control. For information and examples of data binding these components to data controls, see the Creating Databound ADF Data Visualization Components chapter in the Oracle Fusion Middleware Fusion Developers Guide for Oracle Application Development Framework. Graphs and gauges have a tabularData method that lets you provide CSV Comma Separated Value data from a method that is stored in a managed bean. The Gantt chart component supports the use of a basic tree data control when you want to provide data not only for tasks and resources but also for subtasks and subresources.23.4 Downloading Custom Fonts for Flash Images
Graph and gauge components provide text rotation, high fidelity display, and embedded fonts using Flash image types. The Flash engine is a prebuilt Shockwave Flash SWF file containing precompiled ActionScript code used to display a graph or gauge by using an XML definition of a chart. The Flash engine is downloaded and instantiated by a Flash Player embedded in the client browser at runtime. Embedded fonts are used for display and printing purposes, they are not installed on the client, and they cannot be edited. They are used by the Flash Player, in memory, and are cleared when the player terminates. Although embedded fonts require a roundtrip to the server to download the font SWF file, they provide a consistent look across all clients, support text rotation, and minimize distortion or anti-aliasing. 23-12 Web User Interface Developers Guide for Oracle Application Development Framework Oracle provides one font, Albany WT, for use in Flash images when necessary. This font does not provide any non-plain variations such as Bold or Italic. The Albany WT font is used instead of the default font to support certain animations not supported by Flash with device fonts, if the application does not specify and provide its own embedded font to use instead. Specific fonts and their respective SWF files can be added to your application as embedded fonts to be passed to the Flash engine. The engine will defer-load any font specified in the list until that font is required by any text or labels in a graph or gauge definition. Example 23–1 defines the Georgia font with a Bold and Italic combination. Example 23–1 SWF File package { import.flash.display.Sprite; import.flash.text.Font; public class fGeorgiaBoldItalic extends Srite [Embed source=c:\\WINDOWS\\Fonts\\GEORGIABI.TTF, fontName=Georgia Bold Italic, fontWeight=Bold, fontStyle=Italic. mimType=applicationx-font-truetype] private statis car font1:Class; public function fGeorgiaBoldItalic { Font registerFontfont1; } } } You can set graph and gauge font attributes as follows: ■ fontEmbedding: Defines whether or not the embedded fonts are used. Some performance may be gained by setting the attribute to none. ■ fontMap: Contains the actual map of the fonts that should be used for embedding. The map contains the name of a font and a URL where the custom font SWF file can be found. 24 Using ADF Graph Components 24-1 24 Using ADF Graph Components This chapter describes how to use an ADF graph component to display data, and provides the options for graph customization. This chapter includes the following sections: ■ Section 24.1, Introduction to the Graph Component ■ Section 24.2, Understanding the Graph Tags ■ Section 24.3, Understanding Data Requirements for Graphs ■ Section 24.4, Creating a Graph ■ Section 24.5, Changing the Graph Type ■ Section 24.6, Customizing the Appearance of Graphs ■ Section 24.7, Customizing the Appearance of Specific Graph Types ■ Section 24.8, Adding Specialized Features to Graphs ■ Section 24.9, Animating Graphs For information about the data binding of ADF graphs, see the Creating Databound ADF Graphs section in the Oracle Fusion Middleware Fusion Developers Guide for Oracle Application Development Framework.24.1 Introduction to the Graph Component
The graph component gives you the capability of producing more than 50 types of graphs, including a variety of area, bar, bubble, combination, funnel, line, Pareto, pie, radar, scatter, sparkchart, and stock graphs. This component lets you evaluate multiple data points on multiple axes in many ways. For example, a number of graphs assist you in the comparison of results from one group with the results from another group. A Component Gallery displays available graph categories, types, and descriptions to provide visual assistance when you are creating graphs and specifying a quick-start layout. Figure 24–1 shows the Component Gallery for horizontal bar graphs. 24-2 Web User Interface Developers Guide for Oracle Application Development Framework Figure 24–1 Component Gallery for Horizontal Bar Graphs When a graph is inserted into a JSF page using the Component Gallery, a set of child tags that support customization of the graph is automatically inserted. Example 24–1 shows the source code for a horizontal bar graph with the quick-start layout selected in the Component Gallery in Figure 24–1 . Example 24–1 Horizontal Bar Graph Sample Code dvt:horizontalBarGraph id=horizontalBarGraph1 value={bindings.SalesStageDataView1.graphModel} subType=BAR_HORIZ_CLUST customLayout=CL_NONE dvt:background dvt:specialEffects dvt:background dvt:graphPlotArea dvt:seriesSet dvt:series dvt:seriesSet dvt:o1Axis dvt:y1Axis dvt:legendArea automaticPlacement=AP_NEVER position=LAP_BOTTOM dvt:legendTitle text=Legend Title dvt:graphSubtitle horizontalAlignment=CENTER text=Subtitle dvt:graphTitle horizontalAlignment=CENTER text=Title dvt:horizontalBarGraph Figure 24–2 shows the visual editor display of the horizontal bar graph created with the Component Gallery in Figure 24–1 . Using ADF Graph Components 24-3 Figure 24–2 Horizontal Bar Graph in Visual Editor When editing a graph in the visual editor, graph components such as the title, legend area, plot area, background, axis labels, and display of bars can be selected to display a context menu with editing choices. For more information about editing a graph in the visual editor, see Section 24.6, Customizing the Appearance of Graphs. Graphs are displayed in a default size of 400 X 300 pixels. You can customize the size of a graph or specify dynamic resizing to fit an area across different browser window sizes. When graphs are displayed in a horizontally or vertically restricted area, for example in a web page sidebar, the graph is displayed in a fully featured, although, simplified display. To support visually impaired users who read web pages with a screen reader, graphs are automatically replaced with pivot tables when screen reader mode is enabled for the application. Screen readers can more easily navigate and read the data in a pivot table than in a graph. For information about enabling screen reader mode, see Section 22.2, Exposing Accessibility Preferences. For information about ADF pivot tables, see Section 26.1, Introduction to the ADF Pivot Table Component. By default, graphs are displayed using a Flash player as specified in the graph component imageFormat attribute. Alternatively, graphs 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 selectorParts
» Oracle Fusion Middleware Online Documentation Library
» ADF Faces as Rich Client Components
» Client-Side Components JavaScript Library Partitioning
» ADF Faces Architectural Features
» ADF Faces Components Oracle Fusion Middleware Online Documentation Library
» How to Download and Install the ADF Faces Demo Application Using the ADF Faces Demo Application
» Overview of the File Explorer Application
» Viewing the Source Code In JDeveloper
» Developing Declaratively in JDeveloper
» How to Create an Application Workspace
» What Happens When You Create an Application Workspace
» What Happens When You Create a JSF JSP Page
» What You May Need to Know About Automatic Component Binding
» How to Create a Facelets XHTML Page
» What Happens When You Create a JSF XHTML Page
» How to Add ADF Faces Components to JSF Pages
» What Happens When You Add Components to a Page
» How to Set Component Attributes
» How to Create an EL Expression
» How to Use EL Expressions Within Managed Beans
» How to Create a Managed Bean in JDeveloper
» What Happens When You Use JDeveloper to Create a Managed Bean
» Viewing ADF Faces Source Code and Javadoc
» Introduction to Using ADF Faces Architecture
» How to Use Inline JavaScript
» How to Import JavaScript Libraries
» What You May Need to Know About Accessing Client Event Sources
» Instantiating Client-Side Components Oracle Fusion Middleware Online Documentation Library
» What You May Need to Know About Finding Components in Naming Containers
» How to Set Property Values on the Client
» How to Unsecure the disabled Property
» How to Create Bonus Attributes
» How to Set Visibility Using JavaScript
» What You May Need to Know About Visible and the isShowing Function
» Introduction to the JSF Lifecycle and ADF Faces
» Using the Immediate Attribute
» What You May Need to Know About Using the Immediate Attribute and the Optimized Lifecycle
» What You May Need to Know About Using an LOV Component and the Optimized Lifecycle
» Using the Client-Side Lifecycle
» Using Subforms to Create Regions on a Page
» Object Scope Lifecycles Oracle Fusion Middleware Online Documentation Library
» How to Use the pageFlowScope Scope Within Java Code
» How to Use the pageFlowScope Scope Without Writing Java Code
» What Happens at Runtime: Passing Values
» Events and Partial Page Rendering
» Client-Side Event Model Introduction to Events and Event Handling
» Using ADF Faces Server Events
» How to Use Client-Side Events
» How to Return the Original Source of the Event
» How to Use Client-Side Attributes for an Event
» How to Block UI Input During Event Execution
» How to Prevent Events from Propagating to the Server
» What Happens at Runtime: How Client-Side Events Work
» What You May Need to Know About Using Naming Containers
» How to Send Custom Events from the Client to the Server
» What Happens at Runtime: How Client and Server Listeners Work Together
» What You May Need to Know About Marshalling and Unmarshalling Data
» Executing a Script Within an Event Response
» How to Use the scrollComponentIntoViewBehavior Tag
» How to Use the Poll Component
» Introduction to ADF Faces Converters and Validators
» Conversion, Validation, and the JSF Lifecycle
» How to Add a Standard ADF Faces Converter
» How to Set Attributes on a Standard ADF Faces Converter
» How to Add oracle.jbo.domain Converters
» How to Create a Custom JSF Converter
» What Happens When You Use a Custom Converter
» Using Validation Attributes How to Add Validation
» In the context menu, choose Insert inside UI component, then ADF Faces to
» Choose a validator tag for example, ValidateDateTimeRange.
» What You May Need to Know About Multiple Validators
» How to Create a Backing Bean Validation Method
» What Happens When You Create a Backing Bean Validation Method How to Create a Custom JSF Validator
» What Happens When You Use a Custom JSF Validator
» Introduction to Partial Page Rendering
» How to Enable Partial Page Rendering
» What You May Need to Know About Using the Browser Back Button
» What You May Need to Know About PPR and Screen Readers
» Enabling Partial Page Rendering Programmatically
» How to Use Partial Page Navigation What You May Need to Know About PPR Navigation
» Introduction to Organizing Content on Web Pages
» Geometry Management and Component Stretching
» Nesting Components Inside Components That Allow Stretching
» Tips for Using Geometry-Managed Components
» How to Configure the document Tag
» How to Use the panelStretchLayout Component
» What You May Need to Know About Geometry Management and the panelStretchLayout Component
» How to Use the panelSplitter Component
» What You May Need to Know About Geometry Management and the panelSplitter Component
» How to Use the panelBorderLayout Component
» How to Use the panelFormLayout Component
» What You May Need to Know About Using the group Component with the panelFormLayout Component
» How to Use the panelDashboard Component
» How to Use the showDetail Component
» How to Use the showDetailHeader Component
» How to Use the panelBox Component
» What You May Need to Know About Disclosure Events
» How to Use the panelAccordion Component
» How to Use the panelTabbed Component
» What You May Need to Know About Geometry Management and the showDetailItem Component
» What You May Need to Know About showDetailItem Disclosure Events
» How to Use the panelHeader Component
» How to Use the decorativeBox Component
» What You May Need to Know About Geometry Management and the decorativeBox Component
» How to Use the panelList Component
» What You May Need to Know About Creating a List Hierarchy
» How to Use the panelGroupLayout Component
» How to Use the spacer Component
» How to Use the Separator Component
» Introduction to Input Components and Forms
» How to Add a Subform to a Page
» How to Add a Reset Button to a Form
» How to Add an inputText Component
» How to Add the Ability to Insert Text into an inputText Component
» How to Add an inputNumberSlider or an inputRangeSlider Component
» How to Add an inputNumberSpinbox Component
» How to Add an inputColor Component
» How to Add an InputDate Component
» What You May Need to Know About Selecting Time Zones Without the inputDate Component
» How to Use Selection Components
» How to Add a selectManyShuttle or selectOrderShuttle Component
» What You May Need to Know About Using a Client Listener for Selection Events
» How to Add a richTextEditor Component
» How to Add the Ability to Insert Text into a richTextEditor Component
» How to Customize the Toolbar
» How to Use the inputFile Component
» What You May Need to Know About Temporary File Storage
» Content Delivery Introduction to Tables, Trees, and Tree Tables
» Row Selection Introduction to Tables, Trees, and Tree Tables
» Editing Data in Tables, Trees, and Tree Tables
» Using Popup Dialogs in Tables, Trees, and Tree Tables
» Accessing Client Table, Tree, and Tree Table Components
» Geometry Management and Table, Tree, and Tree Table Components
» Formatting Tables Displaying Data in Tables
» Formatting Columns Displaying Data in Tables
» How to Display a Table on a Page
» What Happens When You Add a Table to a Page
» What Happens at Runtime: Data Delivery
» What You May Need to Know About Using the Iterator Tag
» How to Use the detailStamp Facet
» What Happens at Runtime: Disclosing Row Data
» How to Add Filtering to a Table
» How to Display Data in Trees
» What Happens When You Add a Tree to a Page
» What Happens at Runtime: Tree Component Events
» What You May Need to Know About Programmatically Expanding and Collapsing Nodes
» How to Display Data in a Tree Table
» How to Add a panelCollection with a Table, Tree, or Tree Table
» How to Export Table, Tree, or Tree Table Data to an External Format
» How to Access Values from a Selection in Stamped Components.
» What You May Need to Know About Accessing Selected Values
» Introduction to List-of-Values Components
» Creating the ListOfValues Data Model
» Using the inputListOfValues Component
» Using the InputComboboxListOfValues Component
» Introduction to Query Components
» Implementing the Model for Your Query
» How to Add the quickQuery Component Using a Model
» How to Use a quickQuery Component Without a Model
» How to Add the Query Component
» Introduction to Using Popup Elements
» How to Create a Panel Window
» How to Create a Context Menu
» What Happens at Runtime: Popup Component Events
» How to Programatically Invoke a Popup
» How to Use the af:showPopupBehavior Tag
» How to Create Contextual Information
» Introduction to Menus, Toolbars, and Toolboxes
» How to Create and Use Menus in a Menu Bar
» How to Create and Use Toolbars
» What Happens at Runtime: Determining the Size of Menu Bars and Toolbars
» What You May Need to Know About Toolbars
» Introduction to Creating a Calendar Application
» Calendar Classes Creating the Calendar
» How to Configure the Calendar Component
» What Happens at Runtime: Calendar Events and PPR
» How to Add Functionality Using Popup Components
» facet name=customToolbarAlign atoolbar
» What Happens at Runtime: Activity Styling
» Introduction to Output Text, Image, Icon, and Media Components
» Displaying Icons Displaying Images
» What You May Need to Know About the Carousel Component and Different Browsers
» Displaying Application Status Using Icons
» How to Allow Playing of Audio and Video Clips
» Introduction to Displaying Tips and Messages
» Displaying Tips for Components
» How to Define Custom Validator and Converter Messages
» What You May Need to Know About Overriding Default Messages Globally
» How to Display Component Messages Inline
» Grouping Components with a Single Label and Message
» How to Create Resource Bundle-Based Help
» How to Create XLIFF-Based Help
» How to Create Managed Bean Help
» How to Use JavaScript to Launch an External Help Window How to Create a Java Class Help Provider
» Introduction to Navigation Components
» How to Use Command Buttons and Command Links
» How to Use Go Buttons and Go Links
» How to Configure a Browser’s Context Menu for Command Links
» What Happens When You Configure a Browser’s Context Menu for Command Links
» How to Use a Command Component to Download Files
» How to Use a Command Component to Reset Input Fields
» Using Navigation Items for a Page Hierarchy
» How to Create the Menu Model Metadata
» What Happens When You Use the Create ADF Menu Model Wizard
» How to Bind to the XMLMenuModel in the JSF Page
» How to Use the breadCrumbs Component
» What You May Need to Know About Using Custom Attributes
» How to Create a Simple Page Hierarchy
» What You May Need to Know About Removing Navigation Tabs
» How to Create the Train Model
» How to Configure Managed Beans for the Train Model
» How to Bind to the Train Model in JSF Pages
» Introduction to Reusable Content
» How to Create a Page Fragment
» What Happens When You Create a Page Fragment
» Adding a Page Fragment Using the Component Palette
» In the Confirm Add Subview Element dialog, click Yes.
» What Happens at Runtime: Resolving Page Fragments
» How to Create a Page Template
» What Happens When You Create a Page Template
» How to Create JSF Pages Based on Page Templates
» What Happens When You Use a Template to Create a Page
» What Happens at Runtime: How Page Templates Are Resolved
» What You May Need to Know About Page Templates and Naming Containers
» How to Create a Declarative Component
» What Happens When You Create a Declarative Component
» How to Deploy Declarative Components
» How to Add Resources to Page Templates and Declarative Components
» What Happens at Runtime: Adding Resources to the Document Header
» ADF Faces Skins Introduction to Skins, Style Selectors, and Style Properties
» Skin Style Selectors Introduction to Skins, Style Selectors, and Style Properties
» Component Style Properties Introduction to Skins, Style Selectors, and Style Properties
» How to Register a Custom Skin
» How to Apply Skins to Messages
» How to Apply Themes to Components
» How to Create a Custom Alias
» How to Configure a Component for Changing Skins Dynamically
» Referring to URLs in a Skin’s CSS File
» How to Version a Custom Skin What Happens When You Version Custom Skins
» Deploying a Custom Skin File in a JAR File
» Introduction to Internationalization and Localization of ADF Faces Pages
» How to Set Resource Bundle Options
» What Happens When You Set Resource Bundle Options
» How to Define the Base Resource Bundle
» How to Edit a Resource Bundle File
» How to Register Locales and Resource Bundles in Your Application
» How to Use Resource Bundles in Your Application
» What You May Need to Know About Custom Skins and Control Hints
» How to Configure a Page for an End User to Specify Locale
» What Happens When You Configure a Page to Specify Locale
» How to Configure Optional Localization Properties
» Introduction to Accessible ADF Faces Pages
» How to Configure Accessibility Support in trinidad-config.xml
» In the Application Navigator, select the trinidad-config.xml file.
» ADF Faces Component Accessibility Guidelines
» Using ADF Faces Table components in Screen Reader mode
» ADF Data Visualization Components Accessibility Guidelines
» How to Define Access Keys for an ADF Faces Component
» How to Define Localized Labels and Access Keys
» How to Use Partial Page Rendering How to Use Scripting
» Running Accessibility Audit Rules
» Graph Defining the ADF Data Visualization Components
» Gauge Defining the ADF Data Visualization Components
» Pivot Table Defining the ADF Data Visualization Components
» Geographic Map Defining the ADF Data Visualization Components
» Gantt Chart Hierarchy Viewer
» Downloading Custom Fonts for Flash Images
» Introduction to the Graph Component
» Graph-Specific Tags Understanding the Graph Tags
» Graph-Specific Child Tags Understanding the Graph Tags
» Child Set Tags Understanding the Graph Tags
» Area Graphs Data Requirements
» Bubble Graph Data Requirements
» Combination Graph Data Requirements
» Funnel Graph Data Requirements
» Line Graph Data Requirements
» Pareto Graph Data Requirements
» Polar Graph Data Requirements
» Radar Graph Data Requirements
» Scatter Graph Data Requirements
» Stock Graphs: High-Low-Close Stock Graph Data Requirements
» Stock Graphs: High-Low-Close with Volume
» Stock Graphs: Open-High-Low-Close Stock Graph Data Requirements
» Stock Graphs: Open-High-Low-Close with Volume
» Storing Tabular Data for a Graph in a Managed Bean
» Click OK. Creating a Graph Using Tabular Data
» What Happens When You Create a Graph Using Tabular Data
» In the Structure window, right-click the seriesSet node and choose Insert inside
» How to Control the Number of Different Colors Used for Series Items
» How to Enable Hiding and Showing Series Items
» In the Property Inspector, choose LD_VALUE from the TextType attribute
» In the Property Inspector, click Configure Slice Label and choose Number Format
» In the Property Inspector, for the af:convertNumber tag, specify the values as
» In the Structure window, right-click the graph node and choose Insert inside
» In the Property Inspector, click Configure Marker and choose Y1 Format.
» In the Property Inspector, optionally enter values as needed for the dvt:y1Format
» In the Property Inspector, click Configure Number Format and specify values as
» What You May Need to Know About Automatic Scaling and Precision
» How to Globally Set Graph Font Using a Skin
» How to Specify the Size of a Graph at Initial Display
» How to Provide for Dynamic Resizing of a Graph
» How to Use a Specific Style Sheet for a Graph
» If you want to specify font characteristics for the title, do the following:
» Customizing Tooltips in Graphs
» How to Customize the Overall Appearance of Pie Graphs
» How to Customize an Exploding Pie Slice
» How to Display Either Data Lines or Markers in Graphs
» How to Change the Appearance of Lines in a Graph Series
» Customizing Pareto Graphs Customizing the Appearance of Specific Graph Types
» Customizing Scatter Graph Series Markers
» In the Structure window, right-click the graph node and choose Go To Properties.
» In the Property Inspector, select the Appearance attributes category and do the
» What Happens When You Create Reference Lines or Areas During Design
» In the Structure window, right-click the graph node, then choose Insert inside
» Use the Property Inspector to enter values for the attributes of the
» For numStops attribute, enter the number of stops to use for the gradient.
» Specifying Transparent Colors for Parts of a Graph
» How to Provide Marker and Legend Dimming
» Adding Alerts and Annotations to Graphs
» How to Configure Graph Components to Display Active Data
» How to Specify Animation Effects for Graphs
» Types of Gauges Introduction to the Gauge Component
» Gauge Terminology Introduction to the Gauge Component
» Storing Tabular Data for a Gauge in a Managed Bean
» Structure of the List of Tabular Data
» How to Create a Gauge Using Tabular Data
» What Happens When You Create a Gauge Using Tabular Data
» How to Change the Type of the Gauge
» In the Style attributes category of the Property Inspector, enter a value for the
» In the Behavior attributes category of the Property Inspector for the
» In the Style attributes category of the Property Inspector, for the StyleClass
» Right-click the dvt:thresholdSet node and choose Insert inside dvt:thresholdSet
» Repeat Step 2 and Step 3 to create each threshold in the gauge from the lowest
» Formatting the Numeric Value in a Gauge Metric Label
» What Happens When You Format the Numbers in a Gauge Metric Label
» How to Format Text in Gauges
» How to Specify an N-Degree Dial
» Controlling the Position of Gauge Labels
» Customizing the Colors and Borders of Gauge Labels
» Controlling the Appearance of Gauge Indicators
» Creating Exterior Tick Labels
» Specifying Transparency for Parts of a Gauge
» In the Structure window, right-click the gauge background node and choose Insert
» What Happens When You Add a Gradient Special Effect to a Gauge
» How to Add Interactivity to Gauges
» Configuring Gauge Components to Display Active Data
» How to Create a Custom Shapes Graphic File
» How to Use a Custom Shapes File What You May Need to Know About Supported SVG Features
» How to Set Custom Shapes Styles
» Pivot Table Elements and Terminology
» Understanding Data Requirements for a Pivot Table
» Pivoting Layers Oracle Fusion Middleware Online Documentation Library
» Using Selection in Pivot Tables
» How to Set the Overall Size of a Pivot Table
» Updating Pivot Tables with Partial Page Rendering
» Exporting from a Pivot Table
» How to Create a CellFormat Object for a Data Cell
» How to Construct a CellFormat Object
» How to Change Format and Text Styles
» How to Create Stoplight and Conditional Formatting in a Pivot Table
» How to Associate a Pivot Filter Bar with a Pivot Table
» Available Map Themes Introduction to Geographic Maps
» Geographic Map Terminology Introduction to Geographic Maps
» Tags for Modifying Map Themes
» Understanding Data Requirements for Geographic Maps
» How to Specify Strategy for Map Zoom Control
» In AutoZoomThemeID, enter the ID of the first theme that will be displayed.
» In ZoomBarStrategy, select the default value MAXZOOM to direct the map to
» If you want to change the starting location on the map, enter latitude and
» How to Total Map Selection Values
» How to Customize Zoom Levels for a Theme
» How to Customize the Labels of a Map Theme How to Customize Color Map Themes
» What Happens When You Customize the Point Images in a Map
» How to Customize the Bars in a Bar Graph Theme
» What Happens When You Customize the Slices in a Map Pie Graph Theme
» How to Add a Toolbar to a Map
» What Happens When You Add a Toolbar to a Map
» Functional Areas of a Gantt Chart
» Description of Gantt Chart Tasks
» Understanding Gantt Chart Tags and Facets
» Scrolling and Panning the List Region or the Chart Region
» Click OK. How to Navigate to a Specific Date in a Gantt Chart
» How to Control the Visibility of Columns in the Table Region
» How to Display Data in a Hierarchical List or a Flat List
» How to Change the Gantt Chart Time Scale
» Data for a Project Gantt Chart
» Data for a Resource Utilization Gantt Chart
» Data for a Scheduling Gantt Chart
» How to Customize a Gantt Chart Legend
» Customizing Gantt Chart Toolbars
» Customizing Gantt Chart Context Menus
» How to Create a New Task Type
» How to Specify Custom Data Filters
» How to Add a Double-Click Event to a Task Bar
» How to Specify Weekdays as Nonworking Days
» How to Identify Specific Dates as Nonworking Days
» How to Apply Read-Only Values to Gantt Chart Features
» Print Options Action Listener to Handle the Print Event
» Creating an ADF Gantt Chart Using Gantt Charts as a Drop Target or Drag Source
» Understanding the Hierarchy Viewer Component
» Hierarchy Viewer Elements and Terminology
» Available Hierarchy Viewer Layout Options
» Data Requirements for Hierarchy Viewers
» How to Configure the Controls on a Node
» How to Specify a Node Definition for an Accessor
» How to Associate a Node Definition with a Particular Set of Data Rows
» How to Configure Upward Navigation in a Hierarchy Viewer
» How to Configure 3D Tilt Panning
» How to Create a Panel Card What Happens at Runtime When a Panel Card Component Is Rendered
» How to Adjust the Size of a Hierarchy Viewer
» How to Include Images in a Hierarchy Viewer
» How to Configure the Display of the Control Panel How to Configure the Display of Links and Labels
» How to Configure Searching in a Hierarchy Viewer
» What You May Need to Know About Configuring Search in a Hierarchy Viewer
» Developing a Custom Component with JDeveloper
» How to Set Up the JDeveloper Custom Component Environment
» In the Application Navigator, right-click the project and choose New.
» In the New Gallery, select Deployment Profile and then ADF Library JAR
» In the Edit JAR Deployment Profile Properties dialog, click OK.
» Select Libraries and Classpath in the left pane.
» Click Add Library. Oracle Fusion Middleware Online Documentation Library
» In the Add Library dialog, select ADF Faces Runtime 11, Facelets Runtime if
» How to Add a Faces Configuration File How to Add a MyFaces Trinidad Skins Configuration File
» How to Add a JavaServer Pages Tag Library Descriptor File
» How to Add a JavaScript Library Feature Configuration File
» How to Add a Facelets Tag Library Configuration File
» How to Create a JavaScript File for a Component
» How to Create a Javascript File for an Event
» How to Create a JavaScript File for a Peer
» How to Add a Custom Component to a JavaScript Library Feature Configuration File
» How to Create a Class for an Event Listener
» How to Create a Class for an Event
» Creating the Component Server-Side Development
» How to Create a Class for a Component
» How to Add the Component to the faces-config.xml File
» How to Create a Class for a Resource Bundle
» In the Structure window, select skin-addition.
» How to Create a Class for a Renderer
» How to Add the Renderer to the faces-config.xml File
» How to Create JSP Tag Properties
Show more