In the Structure window, right-click the seriesSet node and choose Insert inside

24-24 Web User Interface Developers Guide for Oracle Application Development Framework ... pieGraph You can also use the ADF Faces af:convertNumber tag to format numbers in the marker text of a graph. For example, you can provide different formatting for the marker text of each axis in the graph. In this procedure, the af:convertNumber tag is used to format the marker text on dvt:y1Format. To format numerical values in the marker text associated with the y1-axis of a graph:

1. In the Structure window, right-click the graph node and choose Insert inside

dvt:typeGraph ADF Data Visualization Marker Text. 2. In the Property Inspector, optionally enter values for attributes of dvt:markerText. For example, select true for the rendered attribute to display the text in the graph.

3. In the Property Inspector, click Configure Marker and choose Y1 Format.

4. In the Property Inspector, optionally enter values as needed for the dvt:y1Format

attributes.

5. In the Property Inspector, click Configure Number Format and specify values as

needed for the attributes of the af:convertNumber tag. For example, select a percent value for the type attribute to place a percentage sign after the marker text. Example 24–7 shows the XML code that is generated when you format the numbers in the marker text for the y1-axis of a graph. This example specifies that numbers are followed by a percentage sign and the text appears above the markers. For example, in a bar graph, the text will appear above the bars. Example 24–7 Formatting Numbers in Graph Marker Text dvt:barGraph dvt:markerText rendered=true markerTextPlace=MTP_OUTSIDE_MAX dvt:y1Format af:convertNumber type=percent dvt:y1Format dvt:markerText dvt:barGraph

24.6.2.3 What You May Need to Know About Automatic Scaling and Precision

In order to achieve a compact and clean display, graphs automatically determine the scale and precision of the values being displayed in axis labels, marker text, and Note: When the textType attribute of a pie slice label is set to percent LD_PERCENT, or the markerTooltipType attribute of a graph tooltip is set to percent MTT_PERCENT_XXX, a child af:convertNumber tag, if used, will be automatically set to percent for its type attribute. When af:convertNumber is forced to percent, graph clears the pattern attribute. This means that patterns are ignored when a graph forces percent formatting. This is applicable for pie, Pareto, funnel and any bar, line, or area percent graph. Using ADF Graph Components 24-25 tooltips. For example, a value of 40,000 will be formatted as 40K, and 0.230546 will be displayed with 2 decimal points as 0.23. Automatic formatting still occurs when af:convertNumber is specified. Graph tags that support af:convertNumber child tags have scaling and autoPrecision attributes that can be used to control the graphs automatic number formatting. By default, these attribute values are set to scaling=auto and autoPrecision=on. Fraction digit settings specified in af:convertNumber, such as minFractionDigits, maxFractionDigits, or pattern, are ignored unless autoPrecision is set to off.

24.6.3 Formatting Text in Graphs

You can format text in any of the following subcomponents of a graph: ■ Annotation: Includes only the dvt:annotation tag. ■ Axis title: Includes the dvt:o1Title, dvt:x1Title, dvt:y1Title, and dvt:y2Title tags. ■ Axis tick label: Includes the dvt:o1TickLabel, dvt:x1TickLabel, dvt:y1TickLabel, and dvt:y2TickLabel tags. ■ Graph title: Includes the dvt:graphFootnote, dvt:graphSubtitle, and dvt:graphTitle tags. ■ Legend: Includes only the dvt:legendText tag. ■ Marker: Includes only the dvt:markerText tag. Use the dvt:graphFont tag as a child of the specific subcomponent for which you want to format text. For an example of formatting text in a graph, see Section 24.6.5.2, How to Specify Titles and Footnotes in a Graph, .

24.6.3.1 How to Globally Set Graph Font Using a Skin

You can set the font attributes of graph components globally across all pages in your application by using a cascading style sheet CSS to build a skin, and configuring your application to use the skin. By applying a skin to define the fonts used in graph components, the pages in an application will be smaller and more organized, with a consistent style easily modified by changing the CSS file. You can use the ADF Data Visualization Tools Skin Selectors to define the font styles for graph components. Graph component skin selectors include the following: ■ af|dvt-graphFootnote ■ af|dvt-graphSubtitle ■ af|dvt-graphTitle ■ af|dvt-o1Title ■ af|dvt-x1Title ■ af|dvt-y1Title ■ af|dvt-y2Title ■ af|dvt-pieLabel ■ af|dvt-ringTotalLabel ■ af|dvt-legendTitle ■ af|dvt-legendText