Pictorial bar

Pictorial bars draw a value with shapes or images instead of plain rectangles, to make a comparison read at a glance.

Set symbolRepeat on a pictorialBar to stack a vehicle icon along each bar, one icon shape per category.

Two pictorialBar series share a column with barGap: a peak shape sized to the value and a glyph placed at its tip with symbolPosition.

A pictorialBar of small rects in the card's color cuts a faded bar into dots, beside a gradient bar and a smooth line.

Each data item sets its own symbol, so one bar stacks sheets with symbolMargin while two others draw a mountain image.

Set symbolClip and symbolBoundingData so a body shape fills up to the value over a gray copy of itself, with markLine max and min.

Set symbolRepeat to fixed so every row draws the same number of stars, clipped to the value and refreshed every few seconds.

Repeated tree symbols grow out from the middle each year, with animationEasing set to elasticOut and the year as the axis name.

Switch between icons, plain bars and diamonds, and universalTransition morphs each shape into the next with a staggered delay.

On This Page