Stock Graphs: Open-High-Low-Close with Volume

24-18 Web User Interface Developers Guide for Oracle Application Development Framework

24.4.2 What Happens When You Create a Graph Using Tabular Data

When you create a graph that is powered by data obtained from a list referenced the tabulularData attribute a vertical clustered bar graph is created by default. You have the option of changing the settings of the graphType attribute to any of the more than 50 graphs that are available as long as the tabular data meets the data requirements for that graph type. You can also change the settings of the many additional attributes on the dvt:graph tag. Customize the graph by dragging any of the graph child tags to the dvt:graph node in the Structure window and providing settings for the attributes that you want to specify.

24.5 Changing the Graph Type

When you insert a graph using the Data Controls panel or the Component Palette, the Component Gallery displays available graph categories, types, and quick-start layout options from which to choose. Selecting a graph type sets the subType attribute for that graph. You can change the type for all graphs except the funnel and radar graphs. To change the type of a graph: 1. In the Structure window, right-click the graph node and choose Go to Properties. 2. In the Common attributes category of the Property Inspector, for the SubType attribute, select the desired type from the attribute dropdown menu. The valid values will vary depending on the graph. For example, the valid values for a bar graph are: ■ BAR_VERT_CLUST: Clustered bar graph that has a vertical orientation. ■ BAR_VERT_CLUST_SPLIT2Y: Clustered, vertical, split dual-Y bar graph. ■ BAR_VERT_CLUST2Y: Clustered, vertical, dual-Y bar graph. ■ BAR_VERT_FLOAT_STACK: Floating, vertical, stacked bar graph. ■ BAR_VERT_PERCENT: Percent, vertical bar graph. ■ BAR_VERT_STACK: Stacked, vertical bar graph. ■ BAR_VERT_STACK_SPLIT2Y: Stacked, vertical, split dual-Y bar graph. ■ BAR_VERT_STACK2Y: Stacked, vertical, dual-Y bar graph.

24.6 Customizing the Appearance of Graphs

Most graph types have common features that are available for customization. The following types of customization are supported by most graph types: ■ Changing the color, style, and display of graph data values. For information, see Section 24.6.1, Changing the Color, Style, and Display of Graph Data Values. ■ Formatting categorical and numerical data values in graphs. For information, see Section 24.6.2, Formatting Data Values in Graphs. ■ Formatting text in graphs. For information, see Section 24.6.3, Formatting Text in Graphs. Using ADF Graph Components 24-19 When you edit graph components in the visual editor, specialized context menus and Property Inspector buttons are available to support the customization of graph features. Popups in the editor provide confirmation of selection of the graph feature to be customized. For example, Figure 24–6 shows the popup displayed in the plot area of a line graph. Figure 24–6 Visual Editor Popup in Line Graph When the graph feature is selected in the visual editor, a specialized editing context menu is made available. Figure 24–7 shows the line graph plot area context menu from which you can choose a variety of options including removing the default display of the horizontal grid marks. You can also use the context menu or the Property Inspector buttons to configure special fill effects in the plot area. The selection of the graph tags is synchronized in the visual editor, Structure window, Property Inspector, and source editor. Figure 24–7 Line Graph Plot Area Context Menu For additional information about configuring line graphs, see. Section 24.7.2, Changing the Appearance of Lines in Graphs. For additional information about Note: In order to avoid invalid color values, JDeveloper provides a color selection dialog when you specify color-related attributes in graph elements.