bar


plotOptions: {
    bar: {
        horizontal: false,
        endingShape: 'flat',
        columnWidth: '70%',
        barHeight: '70%',
        distributed: false,
        colors: {
            ranges: [{
                from: 0,
                to: 0,
                color: undefined
            }],
            backgroundBarColors: [],
            backgroundBarOpacity: 1,
        },
        dataLabels: {
            position: 'top',
            maxItems: 100,
            hideOverflowingLabels: true,
        }
    }
}

plotOptions

bar

horizontal: Boolean

This option will turn a column chart into a horiontal bar chart.

endingShape: String

Available Options

flat
rounded

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.

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

dataLabels:

position: String

Available Options

top
center
bottom

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