bar
horizontal: Boolean
This option will turn a column chart into a horiontal bar chart.
s̶t̶a̶r̶t̶i̶n̶g̶S̶h̶a̶p̶e̶ (deprecated): String
Available Options
Note: This option is deprecated since 3.24.0
e̶n̶d̶i̶n̶g̶S̶h̶a̶p̶e̶ (deprecated): String
Available Options
Note: This option is deprecated since 3.24.0
borderRadius: Number
Rounded corners around the bars/columns
Note: This option is available since v3.26.0
columnWidth: String
In column charts, columnWidth is the percentage of the available width in the grid-rect.
Accepts ‘0%’ to ‘100%’
barHeight: String
In horizontal bar charts, barHeight is the percentage of the available height in the grid-rect.
Accepts ‘0%’ to ‘100%’
distributed: Boolean
Turn this option to make the bars discrete. Each value indicates one bar per series.
rangeBarOverlap: Boolean
In a rangeBar / timeline chart, the bars should overlap over each other instead of stacking if this option is enabled.
rangeBarGroupRows: Boolean
In a multi-series rangeBar / timeline chart, group rows (horizontal bars) together instead of stacking up. Helpful when there are no overlapping rows but distinct values.
Full example
colors:
ranges: Array
from: Number
Value indicating range’s upper limit
to: Number
Value indicating range’s lower limit
color: String
Color to fill the range with
backgroundBarColors: Array
Custom colors for background rects. The number of colors in the array is repeated if less colors than data-points are specified.
backgroundBarOpacity: Number
Opacity for background colors of the bar
backgroundBarRadius: Number
Border radius for background rect of the bar
dataLabels:
position: String
Available Options
orientation: String
Available Options
maxItems: Number
Maximum limit of data-labels that can be displayed on a bar chart. If data-points exceed this number, data-labels won’t be shown.
hideOverflowingLabels: Boolean
When there are values that are very close to one another, this property prevents it by hiding overlapping labels.
Note: This affects only stacked charts
