Sub-Element: Chart Legend

The sub-element "Chart Legend" creates the legend for all contentDock® chart elements.

Styles

  • Background
    Color
    Contentdock color help
    Defines the color of the element background. Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    #ffffff

    Image
    Contentdock background image help
    Defines the background image of the element. The image is scaled in the element.
  • Border
    Height
    Contentdock chart legend border height help
    Defines the thickness of the border in pixels surrounding the element. The value is set individually in an input field.

    Please note that only integers are entered. A "px" need not be captured.

    Preset system value

    This value is used if no style is defined for this element.

    0

    Radius
    Contentdock chart legend border radius help
    Defines the radius of the border in pixels used in the element corners. The value is set individually in an input field.

    Please note that only integers are entered. A "px" need not be captured.

    Preset system value

    This value is used if no style is defined for this element.

    0

    Color
    Contentdock color help
    Defines the color of the element border. Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    rgba(255,255,255,0)

    Position
    Contentdock chart legend border position help
    Specify the position of the border. The border always encloses the element, but you can choose in which direction the border will be drawn.

    Possible values are:

    Inside: The border is drawn inside.

    Outside: The border is drawn outside.

    Preset system value

    This value is used if no style is defined for this element.

    inner

  • Title Font
    Name of the font
    Contentdock font family help
    Defines the font for the title text of the chart items.

    In contentDock® there are various fonts from fonts.google.com pre installed. You can also load your own fonts in contentDock® as TTF (TrueType Font) or OTF (OpenType Font).

    Preset system value

    This value is used if no style is defined for this element.

    Open Sans Light

    Font size
    Contentdock font size help
    Defines the size of the title text of the chart items. The value is selected from the dropdown or can be set individually.

    Preset system value

    This value is used if no style is defined for this element.

    10

    Use chart value color for titles
    Contentdock chart legend color title help
    If this style is activated, the defined color from the chart item will be used for the title text.

    Preset system value

    This value is used if no style is defined for this element.

    0

    Color
    Contentdock color help
    Is used only when the style "Use chart value color for titles" is not activated.

    Defines the color of the title text of the chart items. Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    #707070

  • Legend position
    Position
    Contentdock chart legend position help
    Defines the position of the legend items within the element.

    Possible values are:

    Top: The legend items are aligned top of the element.

    Middle: The legend items are aligned middle of the element.

    Bottom: The legend items are aligned bottom of the element.

    Preset system value

    This value is used if no style is defined for this element.

    middle

    Distance from the top
    Contentdock chart legend item distance top help
    Is used only when the style "Position" of the legend is set to "Top".

    Defines the distance from the top to the legend items.
    Distance from the bottom
    Contentdock chart legend item distance bottom help
    Is used only when the style "Position" of the legend is set to "Bottom".

    Defines the distance from the bottom to the legend items.
    Distance from the left
    Contentdock chart legend item distance left help
    Defines the distance from the left to the legend items.

    Preset system value

    This value is used if no style is defined for this element.

    20

    Distance between the items
    Contentdock chart legend item distance help
    Defines the distance between the legend items.

    Preset system value

    This value is used if no style is defined for this element.

    10

  • Legend item
    Position of the bullet point
    Contentdock chart legend position bullet help
    Defines the position of the bullet to the text.

    Possible values are:

    Top: The bullet is aligned top to the text.

    Middle: The bullet is aligned middle to the text.

    Bottom: The bullet is aligned bottom to the text.

    Preset system value

    This value is used if no style is defined for this element.

    middle

    Bullet point view type
    Contentdock chart legend style bullet help
    Defines the symbol of the bullet.

    Possible values are:

    Line: The bullet is shown as a line.

    Square: The bullet is shown as a square.

    Circle: The bullet is shown as a circle.

    Preset system value

    This value is used if no style is defined for this element.

    square

    Title and value position
    Contentdock chart legend text value position help
    Defines the text and value position.

    Possible values are:

    Value Title: First the value and then the title are displayed.

    Value, Line feed, Title: First the value, then a line feed and then the title are displayed.

    Title Value: First the title and then the value are displayed.

    Title, Line feed, value: First the title, then a line feed and then the value are displayed.

    Title: The title only is displayed.

    Preset system value

    This value is used if no style is defined for this element.

    title_line_feed_value

    Height of the bullet point
    Contentdock chart legend bullet height help
    Defines the size of the bullet.

    Preset system value

    This value is used if no style is defined for this element.

    10

  • Chart value font
    Font name
    Contentdock font family help
    Defines the font of the value text of the legend items.

    In contentDock® there are various fonts from fonts.google.com pre installed. You can also load your own fonts in contentDock® as TTF (TrueType Font) or OTF (OpenType Font).

    Preset system value

    This value is used if no style is defined for this element.

    Open Sans Light

    Font size
    Contentdock font size help
    Defines the size of the value text of the legend items. The value is selected from the dropdown or can be set individually.

    Preset system value

    This value is used if no style is defined for this element.

    16

    Use chart value color for titles
    Contentdock chart legend color value help
    If this style is activated, the defined color from the legend item will be used for the value text.

    Preset system value

    This value is used if no style is defined for this element.

    0

    Color
    Contentdock color help
    Is used only when the style "Use chart value color for titles" is not activated.

    Possible values are hexadecimal and of RGBA color values.

    The hexadecimal color system uses three sequently hexadecimal numbers, each representing one color of the RGB color space. Example: #ffffff for the color white.

    The RGBA color system has been extended by the RGB system with an alpha value for transparencies. Example: rgba (255,255,255,0.5) for the color white with an alpha value of 0.5.

    Preset system value

    This value is used if no style is defined for this element.

    #000000

  • Chart value
    Prefix
    Contentdock chart legend value prefix help
    Defines the prefix for the value. Any text can be set.
    Suffix
    Contentdock chart legend value suffix help
    Defines the suffix for the value. Any text can be set.