Defining the Physical Appearance of a Chart

You can define the physical appearance of a chart.

To define the physical appearance of a chart

1. Complete Step 1 through Step 5 in Configuring the Show List of a Chart Applet.

2. In the Object Explorer, expand the Chart tree, and then click Chart Element.

3. Define the Type property using values from the following table.

   Property	Description
   AxisLabel	Displays an axis label along each axis with one label for each division of the axis. You cannot define more than 49 labels on the X-axis. If you define more than 49 labels, then Siebel CRM does not display any of these additional labels.
   AxisTitle	Displays a title along each axis with one title for each axis.
   Title	Displays a large text string. typically displays this text at the start of the chart.

4. (Optional) Change the chart color by using a custom theme.

   Siebel Open UI does not read the color or property of the Charts control. Charts are rendered using SVG, hence you can specify or change the chart color by modifying the custom theme. To configure and control the color and font information for charts using CSS, the chart control provides the CSS class name at every level. For more information on how to add a custom theme, see the topic about customizing themes in Configuring Siebel Open UI.

   For example, to modify the default color provided by Siebel Open UI to color code AFAFAE for the first series in the Bar Chart Applet, then modify the CSS by adding the following to the custom theme:

   .siebui-charts-barchart .siebui-barchart-bar1 {
       fill: #AFAFAE;
   }

   Note that you can configure series color up to 20 bar. Siebel Open UI inserts the CSS class again from siebui-barchart-bar1 for anything greater than 20 bar and so on.