Show TOC

 Assigning ColorsLocate this document in the navigation structure


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. For example, 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 zero 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 the other way around).
  • 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.
  • Assigning values from the current color palette using direct entry. You can directly assign the 64 colors of the color palette by entering the values between @1 - @64. The numbers follow the entries in the palette row by row, for example @1 - @8 correspond to the colors from row 1 of the color palette and @9 - @16 correspond to the colors from row 2. Upon a changeover of palettes, the respective RGB from the assigned palette entry is used.
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, for example, RGB(204,255,204)
    • For hexadecimal values, for example, #CCFFCC

      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
    • Assigning a value from the current color palette, for example, @34
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 the colors of the rainbow, 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 small 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 color field.

The color is then assigned to the selected element.

Varying Color Values Using Transparency

You can change the color of an area using the property Transparency. The transparency value specifies how solid a color is, or how much the background shows through. This allows you to create additional effects for the color of an area.

  1. Select the required area and scroll to the Transparency property.
  2. Specify the percentage value for transparency. Zero percent 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 be transparent.

  1. Select the required element and scroll to a color property.
  2. You can remove the color by:
    • either deleting the color value from the property field
    • or by selecting the option None from the first line of the color menu.
Automatic Color Assignment

If you have no color preference, you can have the Chart Designer assign colors automatically.

  1. Select the required element and scroll to a color property.
  2. Select the option Automatic from the first line of the color menu.

    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 functions for changing the colors of your chart quickly, without changing each individual color setting of an element.

  • Color Palette: Different color sets that complement each other
  • Color Order: Order of colors in the color palette for all data series of a chart
    1. Choose the Global Settings property.
    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

In your chart, you can define 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.

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

  3. Assign the chosen color to all areas that are 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.

  1. In the color menu, position the cursor on the required color.
  2. Click on the color using the secondary mouse button.
  3. Choose one of the following options from the context menu:
    • Copies RGB Code to Clipboard
    • Copies HTML Code to Clipboard

The color values are now on the Windows clipboard and 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 #.