BulletChartBarProperties

Visual properties of the foreground bar in a Bullet Chart.

TypeScript
export interface

Properties

PropertyTypeDescriptionDefault
ColorstringColour of the actual (foreground) bar drawn on top of any bands.'var(--ab-color-primary)'
HeightnumberHeight of the actual bar in px (the bands sit a few px taller behind it).8

Property Details

Color

Colour of the actual (foreground) bar drawn on top of any bands.

TypeScript
Color?: string;
Default Value

'var(--ab-color-primary)'

Property Value

string

Height

Height of the actual bar in px (the bands sit a few px taller behind it).

For vertical orientation this is interpreted as the bar's width (i.e. its short axis); the long axis stretches to fit the cell.

TypeScript
Height?: number;
Default Value

8

Property Value

number