Distribution

Shows a graphic of relatively sized items. If colorIndex properties are not specified per series item, they will be automatically asigned. One way to use a Distribution is to compare items across two attributes. One attribute determining the area and another determining the color. The guidance for coloring items is to use colorIndex 'unset' for less important items, neutral or graph colors for normal items and accent colors for items to call attention to. Status colorIndex values can be used as well.

Properties

full true|false

Whether the height should fill its container.

series [{value: , label: , labelValue: , colorIndex: , onClick: , icon: }, ...]

An array of objects describing the data. All properties except value are optional. labelValue is used as the visible value. If labelValue is not set, the value is displayed instead.

size small|medium|large|full

The height of the Distribution. Defaults to medium.

units {string}

Optional units to display next to the value label.