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 inv10.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