RUAL Documentation

bar chart

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

bar chart v10.4.28

Basic bar chart

Pin Pin Type Default
Namerequired
value
Data
array
X Axisrequired
fielddefinitions
Y Axisrequired
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

Core Releases

v10.4.28 This block was introduced in v10.4.28, click here to see the release notes.
Back to Component UI Return to the main group to view all sub-groups Back to apexcharts Return to the group to view all blocks within this group