Skip to content

Upgrading apexcharts 3 to 4

Breaking3.54.1 → 4.7.0Breaking1New5Changed4Fixed57Other4

Full comparisonBack to apexcharts
BreakingUpgrade verdict

1 breaking change.

In plain terms
  • Remove use of global ApexCharts class.
Must act 1 item needs code or config changes

Adds @svgdotjs/svg.draggable.js ^3.0.4, @svgdotjs/svg.filter.js ^3.0.8, @svgdotjs/svg.js ^3.2.4, @svgdotjs/svg.resize.js ^2.0.2, @svgdotjs/svg.select.js ^4.0.1.

Drops svg.draggable.js, svg.easing.js, svg.filter.js, svg.pathmorphing.js, svg.resize.js, svg.select.js.

Installs 6 packages in all (was 9).

What you must change

Breaking1
Remove use of global ApexCharts class.
ApexCharts
4.3.0GitHub ReleaseOriginalView source

API changes

Generated by DepDelta from published .d.ts files. Not mixed with prose notes.

  • changed: static method ApexCharts.getChartByID(chartID: string): ApexCharts|undefined → static method ApexCharts.getChartByID(chartID: string): ApexCharts | undefined
  • changed: type AnnotationLabel = { borderColor?: string; borderWidth?: number; borderRadius?: number; text?: string; textAnchor?: string; offsetX?: number; offsetY?: number; style?: Annotation… → type AnnotationLabel = { borderColor?: string; borderWidth?: number; borderRadius?: number; text?: string | string[]; textAnchor?: string; offsetX?: number; offsetY?: number; style?:…
  • changed: type ApexPlotOptions = { line?: { isSlopeChart?: boolean }; area?: { fillTo?: 'origin' | 'end' }; bar?: { horizontal?: boolean; columnWidth?: string | number; barHeight?: string | nu… → type ApexPlotOptions = { line?: { isSlopeChart?: boolean; colors?: { threshold?: number, colorAboveThreshold?: string, colorBelowThreshold?: string } }; area?: { fillTo?: 'origin' |…
  • changed: type ApexStates = { normal?: { filter?: { type?: string; value?: number } }; hover?: { filter?: { type?: string; value?: number } }; active?: { allowMultipleDataPointsSelection?… → type ApexStates = { hover?: { filter?: { type?: string } }; active?: { allowMultipleDataPointsSelection?: boolean; filter?: { type?: string } } }
  • changed: type ApexTooltipY = { title?: { formatter?(seriesName: string): string }; formatter?(val: number, opts?: any): string } → type ApexTooltipY = { title?: { formatter?(seriesName: string, opts?: any): string }; formatter?(val: number, opts?: any): string }