Creating Graphs in ADF-Enabled Web Pages

You can set an ADF graph binding for a Graph component that you insert from the Data Control Palette into an ADF-enabled web page.

Note: In order to work with graphs, your business service must be able to provide data in the format expected by the graph bean. See About Graphs and the Business Services Data Model for details.

To build a databound graph component:

Open the Data Control Palette for the ADF-enabled web page that you want to design.
In the Data Control Palette, select the data collection which the graph component will be based on.
Select Graph in the dropdown list.
In Design mode, drag the selected data source onto the open web page.
Doing so inserts the <jbograph:Graph> tag which is represented by a container icon in Design mode and appears similar to the following in the Code Editor:

<graph:Graph data="${bindings.EmployeesView1}" />
With the Graph component displayed in the Visual Editor, choose View | Structure to open the Structure window.
Click (UI Model) in the Structure window toolbar and expand the node to display the list of bindings.
Right-click the node for the graph's binding and choose Edit to view the graph binding editor.
The Customize Graph Binding editor is where you choose what specific data will appear in the graph such as the view selection, series attributes, and data attribute(s).

Click the Help button in the editor for additional help.

When a graph component is created, JDeveloper generates files which describe the graph properties and associated data binding information.