responsive

Configuration Structure

responsive: [{
breakpoint: number,
options: ApexCharts.ApexOptions,
}]

breakpoint

Default: undefined

The viewport width, in pixels, below which this entry's options override the chart's own config. A window exactly this wide does not match. When the window widens to the breakpoint or beyond, the entry's options are removed and the chart returns to its own values (from 8.2.0; earlier versions could keep the entry's options after the window widened).

options

The new configuration object that you would like to override on the existing default configuration object. All the options which you set normally can be set here.

When several entries match, all of them apply, and the smallest breakpoint wins where they set the same option. An updateOptions() call that sets an option a matching entry also sets takes effect once that entry stops matching.
Example