Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Excerpt


Diagram

Orientation

You can use the pictograms horizontally and vertically aligned:

  • horizontally for developments over time (Time),

  • vertical for structural comparisons (Structure).

Dual Mode

When Dual Mode is activated, the first two measures are displayed on the opposite axis.

Legend Position

Specify the position of the legend that represents the value per icon. Possible settings are Header (top right), Footer (bottom right) and None (no legend).

Padding

Sets a border around the pictogram. Select a CSS unit from the list (such as 10px, 10em).

Pictogram

Icon Definitions

Each entry represents an icon definition. This consists of the attributes Source and Address Subset Filter as well as Description. Under Source you can select the source of for an icon. In addition to preselected icons, you can provide your own icon under Custom. This can be a valid URL or data URL. Under Address Subset Filter, you select the dimension and the associated members for which the icon is to be drawn. If you do not set a filter, the icon is applied to all data points, since there is no restriction. If there is an overlap between icon definitions regarding in terms of dimensions and members, the last created icon definition takes precedence. With the option Description you can define your own description for the icon definition, which will then appear together with the selected icon in the list of created icon definitions. If no Description is set, the selected dimension members are displayed next to the icon (if there is no restriction, All is displayed).

Icon Definition Custom Icon Url

If the option 'Custom' option is set for the icon definition, enter a data URL. This data URL is an alternative notation for images.in the Icon Definition under Source, an additional text field appears with the title Custom Icon Url. There are two ways to provide your own icon:

  1. Img-url: Geben Sie eine externe url an, unter der das Icon gespeichert ist.

    Info

    External Image-Url

    Example: img url (svg bild by wikipedia commons)

    https://upload.wikimedia.org/wikipedia/commons/8/89/Dog.svg


2. Data URL: With the help of a Data URL external sources can be directly integrated into html. In order for the image to be used in the pictograms, the data-url must be specified in the following format: data:[<MIME-Typ>];base64,<Daten> 

Info

Representation of a red dot:

"data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0
vr4MkhoXe0rZigAAAABJRU5ErkJggg=="


Scale Mode

Text

Max Icon Number

Determine the maximum number of icons per data point. This affects the value that the icon represents. The system tries to find a value for each icon that makes the most sense so that the actual maximum number of icons is less than or equal to the number you specify.

Icon Spacing

Defines the distance between two icons (within a data point). Select a CSS unit from the list (such as px, em).


Tooltips

If this check mark is ticked, tooltips will be displayed on the pictograms at runtime, providing detailed information for the corresponding element.


...