bar

Transforms column charts into horizontal bar charts.

Creates rounded corners on bars/columns. Available since v3.26.0.

Specifies whether to apply rounding around both ends or only to a single end.

Controls whether rounding applies to all bars or exclusively the final rendered dataset. Options: all, last.

Percentage of available grid width occupied by columns. Range: 0% to 100%.

Percentage of available grid height for horizontal bars. Range: 0% to 100%.

Enables discrete bar mode where each value represents one bar per series.

In timeline charts, enables bars to overlap instead of stacking.

In multi-series timeline charts, groups horizontal rows together rather than stacking them vertically.

Prevents zero-value bars from occupying space in non-stacked grouped configurations.

Adds dots at starting and ending points of range bars.

Custom color options for dumbbell endpoint dots.

Activates funnel chart mode.

Applies 3D shadow effects to funnel chart bars.

Defines color mappings for specific value ranges.

colors: {
    ranges: [{
        from: 0,
        to: 10,
        color: '#FF0000'
    }]
}

Custom background colors for bar rectangles.

Transparency level for background bar colors.

Border radius for background bar rectangles.

Label placement options: top, center, or bottom.

Maximum displayable data-labels on the chart.

Hides overlapping labels in stacked charts.

Label orientation: horizontal or vertical.

Displays cumulative values in stacked configurations.

Custom formatting for total values.

dataLabels: {
    total: {
        formatter: function (val, opts) {
            return opts.w.globals.seriesTotals[opts.dataPointIndex]
        }
    }
}

Left positioning adjustment for total label.

Vertical positioning adjustment for total label.

ForeColor of total label. Default: #373d3f.

FontSize for total label. Default: 12px.

FontFamily for total label.

Font-weight for total label. Default: 600.