bar chart

This block is part of the Component UI group and was last modified in core v10.4.28.

bar chart uicomponent v10.4.28

Basic bar chart

Pin	Pin	Type
Name`required`	`value`
Data	`array`
X Axis`required`	`fielddefinitions`
Y Axis`required`	`fielddefinitions`
Row Colors Sets the colors of the background rows	`array`	`#fff`
Data colors Sets the colors of the lines	`array`
Title align Align the title, options: Left, Center, Right	`value`	`left`
Theme	`value`
Color palette Changes the colors of the lines to presets made by Apexcharts	`value`	`palette1`
Height	`number`
Horizontal Rotates the chart 90 degress and shows the data horizontal	`condition`	`false`
Stacked Stacks the data on top of each other instead of next to each other	`condition`	`false`
Bar Width Sets the width of the bars, use px or % to determine the width	`value`	`50px`
Spacing Spacing between bars	`number`	`0`
Show data labels	`condition`
Label Position Position of the Data Label, options: Top, Center, Bottom	`value`	`center`
Label Offset Y	`number`
Label Offset X	`number`
Label fontsize	`value`	`12px`
Label Color	`value`	`#fff`
Zoom	`condition`	`false`

Pin	Pin	Type	Example
uicomponent	`uicomponent`

graph

Cluster