ApexCharts

states

Configuration Structure

states: {
  hover: { ... },
    filter: { ... },
      type: string,
  active: { ... },
    allowMultipleDataPointsSelection: boolean,
    filter: { ... },
      type: string,
}

hover

filter

states.hover.filter

type

states.hover.filter.type
Default: 'lighten'

The filter function to apply on hover state.
The available filter functions are:

  • none
  • lighten
  • darken

active

allowMultipleDataPointsSelection

states.active.allowMultipleDataPointsSelection
Default: false

Whether to allow selection of multiple datapoints and give them active state or allow one dataPoint selection at a time.

filter

states.active.filter

type

states.active.filter.type
Default: 'darken'

The filter function to apply on active state.
The available filter functions are:

  • none
  • lighten
  • darken