Show TOC Entering content frame

Procedure documentation Assigning Colors Locate the document in its SAP Library structure

Use

You can assign colors to text, lines, and areas. The Chart Designer provides you with many opportunities to select colors or use custom colors. You can:

·        Select colors from a color spectrum.

·        Select colors from a palette of predefined colors.

·        Enter the color as an RGB value. The RGB color definition mixes a color from the colors red, green, and blue, and uses the color values 0 to 255. White has the RGB value 255,255,255, black 0,0,0, and red 255,0,0. Gray values have identical color values for red, green, and blue.

·        Enter the color as a hexadecimal value with a leading number sign (#). This type of color entry is mainly used in HTML. In principle it functions like the RGB notation, but it uses hexadecimal values instead of the numeric values 0 to 255. Therefore black is #000000, white is #FFFFFF and red is #FF0000. You can use this color notation if you are already using color specifications in your intranet and want to use them in your chart (or vice versa).

·        Enter standardized color names for the 16 colors of the VGA standard palette and another 216 colors of the Netscape palette. The names are in English and are, for example, black (#000000), white (#FFFFFF) and red (#FF0000) in the VGA palette or deeppink (#FF1493) or palegreen (#98FB98) in the Netscape palette.

Entering Color Values Directly

...

...

       1.      Select the element whose color you want to change and scroll to the property Color or Secondary Color.

       2.      If you know the exact color value you require, enter it directly in this field. Note the following conventions:

¡        For RGB values: RGB(204,255,204)

¡        For hexadecimal values: RGB(204,255,204)

Note

Errors in the entry (such as a missing comma or only 5 characters after the number sign (#)) can lead to unwanted colors.

¡        Standardized color names, for example peachpuff.

Selecting Color Values from the Palette or Spectrum

...

...

       1.      Select the element whose color you want to change and scroll to the property Color or Secondary Color.

       2.      Click on the arrow to the right of the field to open the color menu.

The upper area of the color menu contains a spectrum of all possible colors, and the lower part contains a palette of 64 predefined colors.

       3.      To select a color from the color spectrum, position the cursor over the required color and click or use the arrow button to move in the required direction.

A tiny circle at the end of the cursor marks the selected area.

The status bar at the bottom of the color menu shows you the corresponding RGB and hexadecimal values.

       4.      To select a color from the color palette, click on the required box.

The color is then assigned to the selected element.

Varying Color Values Using Transparency

You can change an area color using the property Transparency. The transparency value specifies the transparency of the color (that is, how much the background should show through). This allows you to create additional effects for area colors.

...

       1.      Select the required area and scroll to Transparency.

       2.      Specify the percentage value for transparency. 0 means no transparency, and 100% means completely transparent (background shows through).

Removing Colors

You can remove a color if, for example, an element should have no border or if the background should show through.

...

...

       1.      Select the required element and scroll to a color property.

       2.      You can remove the color by

¡        Deleting the color value from the property field.

¡        Selecting the option None from the first line of the color menu.

Automatic Color Assignment

If you don’t mind what colors are used, you can have the Chart Designer assign colors automatically. To do so, proceed as follows:

...

       1.      Select the required element and scroll to a color property.

       2.      Select the option Automatic from the first line of the color menu.

Note

The Chart Designer only takes properties with the value Automatic into account when assigning colors automatically. Manual color assignments are retained.

Making Global Color Settings

The Chart Designer has the following functions for changing the colors of your chart quickly without making individual settings for the elements:

·        Color Palette: Different color sets with colors that complement each other.

·        Color Order: Order of colors in the color palette for all data series of a chart.

...

...

       1.      Choose Global Settings.

       2.      Choose the required entry in the Color Palette property.

       3.      Choose the required entry in the Color Order property.

Setting and Assigning Transparent Color

You can define the transparent color for chart areas that are to be transparent in the Web application (the background of the Web application will show through). You choose a color that otherwise does not appear in your chart.

...

       1.      Choose Global Settings ® Transparent Color.

       2.      Choose a color to be the transparent color.

Note

Choose a strong color so that a transparent area of your chart is immediately obvious.

       3.      Assign the chosen color to all areas that are going to be transparent.

Copying Color Values to the Clipboard

You can copy color values (RGB and hexadecimal) to the Windows clipboard so that you can insert them into another program. To do so, proceed as follows:

...

       1.      Position the cursor on the required color in the color menu.

       2.      Click on the color using the secondary mouse button.

       3.      Choose one of the following options from the context menu:

¡        Copy RGB code to clipboard

¡        Copy HTML code to clipboard

The color values are now on the Windows clipboard. You can insert them into other programs. The RGB value is stored as three characters separated by commas and the hexadecimal or HTML code is stored with the number sign (#).

 

Leaving content frame