Icon array properties

Below you will find in-depth user information about each property, what it does and how it can be applied

Many properties in the DATA section can be set overall for the whole chart, but also separately on the data point level. See data point styling for more details

Binding Tab

1 Dataset

2 Series

Styling Tab


1 Position and Size

1.1 Position Chart Area

1.2 Position Plot Area

2 Appearance

2.1 Chart Background

2.2 Plot Background


3 Array

3.1 Horizontal Gaps

3.2 Vertical Gaps

4 Icons

4.1 Symbol

4.2 Order

4.3 Background Icons


Binding Tab


First row (column) is the heading.

When enabled, the first row (column) of the dataset is the heading.

When disabled, the first row (column) of the dataset is included in the data range.

Data is in Sets the way data is structured: in rows or columns. Helpcenter-Chart-Properties-Icon-Array-Data-is-in

Back to top



Name Text field to name the Series. By default, it is set to “New Series n”. In the Icon array chart, only one series is available. Helpcenter-Chart-Properties-Icon-Array-Name
Category Used to bind categories. Every category is represented by icons of the same color or/and type Helpcenter-Chart-Properties-Icon-Array-Category
  If there are one or more empty cells in a corresponding category column/row an empty category is added. Values of multiple empty categories will be merged into one category.  Helpcenter-Chart-Properties-Icon-Array-Category-Empty-cells
Value Used to bind numerical values. Every value is represented by a number of icons that is proportional to a total number of icons. Value of an icon can be explicitly set under Styling > Data > Array > Value of 1 Icon. Helpcenter-Chart-Properties-Icon-Array-Value
  If there are one or more empty cells in a value column/row the icons are not plotted.  Helpcenter-Chart-Properties-Icon-Array-Value-Empty-cells

Used to bind the data to the color of the icon. The bound column/row can be represented by categorical or numerical values. By default, it’s formatted as a categorical value. The type of data can be adjusted in the Formatting tab.

Colors can be presented directly as HTML names, HEX, RGB, or CMYK values. More on that here. To use direct coloring the color of icons should be set to “None” under Styling > Data > Icons > Color.
Icon Used for direct binding. Data should contain the naming of an icon type. Possible values are listed here. Helpcenter-Chart-Properties-Icon-Array-Icons

Back to top

Styling Tab




Sets the number of rows in the array

Columns Sets the number of columns in the array Helpcenter-Chart-Properties-Icon-Array-Arrays-Columns
Value of 1 Icon Sets the value of 1 icon Helpcenter-Chart-Properties-Icon-Array-Arrays-Value-of-1-icon

Back to top



Group By Sets the number of icons that will be grouped horizontally and separated from other groups by gaps Helpcenter-Chart-Properties-Icon-Array-Arrays-Horizontal-Gaps
Size Sets the size of the horizontal gap in absolute or relative values

Back to top



Group By Sets the number of icons that will be grouped vertically and separated from other groups by gaps Helpcenter-Chart-Properties-Icon-Array-Arrays-Vertical-Gaps
Size Sets the size of the vertical gap in absolute or relative values

Back to top




Sorts the array of icons in the following order:

  1. None
  2. Ascending
  3. Descending
  4. Reverse

Sets the direction of icon placement:

  1. Icons placed in rows
  2. Icons placed in columns

Sets the method of placing icons:

  1. Row-by-row (column-by-column)
  2. Changing direction
Start Corner

Sets the corner from which the placing of icons starts: 

  1. Top-left
  2. Top-right
  3. Bottom-right
  4. Bottom-left

Back to top