Marimekko component is somewhat similar to a bar chart,
but it allows you to use an extra dimension to compute the
thickness of each bar.
It also shares some behavior of the
Stream chart regarding
the way we can configure the
The responsive alternative of this component is
You can also see more example usages in
See the dedicated guide on how to setup
legends for this component.
Start interacting with the chart to log actions
Chart data, which should be immutable.
Data dimensions configuration.
Optional formatter for values. Space before the first bar and after the last one.
Define style for common elements such as labels, axes… Define patterns and gradients. Define rules to apply patterns and gradients
modifiersMethod to compute border color.
Defines the order of layers and add custom layers.
onClick handler, it receives target bar data and mouse event.
onMouseEnter handler, it receives target bar data and mouse event.
onMouseMove handler, it receives target bar data and mouse event.
onMouseLeave handler, it receives target bar data and mouse event.
Showcase custom tooltip.
bottomDefines legend anchor relative to chart's viewport.
Justify symbol and label.
Legend block x translation. Legend block y translation. Spacing between each item.