Upgrading apexcharts 4 to 5

Breaking4.7.0 → 5.16.0Breaking2New60Changed22Fixed56Other19

BreakingUpgrade verdict

2 breaking changes.

In plain terms

TypeScript users with strict settings may see new type errors and should use the documented string values.
Rename "name" field in renamed locale.

Must act 2 items need code or config changes

Drops @svgdotjs/svg.draggable.js, @svgdotjs/svg.filter.js, @svgdotjs/svg.js, @svgdotjs/svg.resize.js, @svgdotjs/svg.select.js, @yr/monotone-cubic-spline.

Installs 0 packages in all (was 6).

What you must change

Breaking2

Narrows literal unions on several options and removes [key: string]: any from formatter option types, which may cause new TypeScript errors.

tooltip.themestates.filter.typelegend.clusterGroupedSeriesOrientationxaxis.axisTicks.borderTypeopts.w

5.13.0GitHub ReleaseSummarizedView source

Rename "name" field in renamed locale.

5.10.5GitHub ReleaseOriginalView source

API changes

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

added: const content: string
added: default content

added: const content: string
added: default content

removed: export = ApexCharts

added: declare module '*.css'
added: declare module '*.svg'
added: interface NodeJS.Global
added: interface Window
added: namespace NodeJS
added: property NodeJS.Global.Apex: Record<string, any>
added: property NodeJS.Global.SVG: any
added: property Window.Apex: Record<string, any>
added: property Window.SVG: any
added: type ApexAnnotations = any
added: type ApexAxisChartSeries = Array<{ name?: string; data: Array<any>; [key: string]: any }>
added: type ApexChart = any
added: type ApexDataLabels = any
added: type ApexFill = any
added: type ApexForecastDataPoints = any
added: type ApexGrid = any
added: type ApexLegend = any
added: type ApexMarkers = any
added: type ApexNoData = any
added: type ApexNonAxisChartSeries = number[] | ApexAxisChartSeries
added: type ApexOptions = { [key: string]: any }
added: type ApexParsing = any
added: type ApexPlotOptions = any
added: type ApexResponsive = any
added: type ApexStates = any
added: type ApexStroke = any
added: type ApexTheme = any
added: type ApexTitleSubtitle = any
added: type ApexTooltip = any
added: type ApexXAxis = any
added: type ApexYAxis = { [key: string]: any }
added: type PointAnnotations = { [key: string]: any }
added: type XAxisAnnotations = { [key: string]: any }
added: type YAxisAnnotations = { [key: string]: any }
added: var Apex: Record<string, any>

added: index ChartContext[key: string]: any
added: index ChartDom[key: string]: any
added: index TooltipModule[key: string]: any
added: interface AxisFlags
added: interface CandleData
added: interface ChartContext
added: interface ChartDom
added: interface ChartGlobals extends SeriesData, LabelData, AxisFlags, LayoutCoords
added: interface ChartStateW
added: interface FormatterState
added: interface InteractState
added: interface LabelData
added: interface LayoutCoords
added: interface RangeData
added: interface SeriesData
added: interface TooltipModule
added: interface ViolinData
added: interface XYRatios
added: method ChartContext.fastUpdate(options?: any): Promise<any>
added: method ChartContext.getGroupedCharts(): any[]
added: method ChartContext.getSyncedCharts(): any[]
added: method ChartContext.update(options?: any): Promise<any>
added: method TooltipModule.drawTooltip(xyRatios: object): void
added: property AxisFlags.dataFormatXNumeric: boolean
added: property AxisFlags.dataWasParsed: boolean
added: property AxisFlags.isDataXYZ: boolean
added: property AxisFlags.isMultiLineX: boolean
added: property AxisFlags.isRangeBar: boolean
added: property AxisFlags.isRangeData: boolean
added: property AxisFlags.isXNumeric: boolean
added: property AxisFlags.noLabelsProvided: boolean
added: property CandleData.seriesBoxPoints: number[][][]
added: property CandleData.seriesCandleC: number[][]
added: property CandleData.seriesCandleH: number[][]
added: property CandleData.seriesCandleL: number[][]
added: property CandleData.seriesCandleM: number[][]
added: property CandleData.seriesCandleO: number[][]
added: property ChartContext.animations: any
added: property ChartContext.annotations?: any
added: property ChartContext.axes: any
added: property ChartContext.config: any
added: property ChartContext.core: any
added: property ChartContext.coreUtils: any
added: property ChartContext.crosshairs: any
added: property ChartContext.ctx: ChartContext
added: property ChartContext.data: any
added: property ChartContext.dimensions: any
added: property ChartContext.el: Element
added: property ChartContext.eventList: string[]
added: property ChartContext.events: any
added: property ChartContext.exports: any
added: property ChartContext.fill: any
added: property ChartContext.formatters: any
added: property ChartContext.graphics: any
added: property ChartContext.grid: any
added: property ChartContext.keyboardNavigation: any
added: property ChartContext.legend: any
added: property ChartContext.localization: any
added: property ChartContext.markers?: any
added: property ChartContext.options: any
added: property ChartContext.opts: any
added: property ChartContext.pie?: any
added: property ChartContext.publicMethods: string[]
added: property ChartContext.responsive: any
added: property ChartContext.series: any
added: property ChartContext.theme2?: any
added: property ChartContext.theme: any
added: property ChartContext.timeScale?: any
added: property ChartContext.titleSubtitle: any
added: property ChartContext.toolbar: any
added: property ChartContext.tooltip: any
added: property ChartContext.updateHelpers: any
added: property ChartContext.w: ChartStateW
added: property ChartContext.zoomPanSelection: any
added: property ChartDom.Paper: any
added: property ChartDom.baseEl: Element
added: property ChartDom.elDefs: any
added: property ChartDom.elForecastMask: any | null
added: property ChartDom.elGraphSeries: Element
added: property ChartDom.elGraphical: any
added: property ChartDom.elGrid: Element | null
added: property ChartDom.elGridBorders: Element | null
added: property ChartDom.elGridRect: any | null
added: property ChartDom.elGridRectBar: any | null
added: property ChartDom.elGridRectBarMask: any | null
added: property ChartDom.elGridRectMarker: any | null
added: property ChartDom.elGridRectMarkerMask: any | null
added: property ChartDom.elGridRectMask: any | null
added: property ChartDom.elInner: HTMLElement
added: property ChartDom.elLegend: HTMLElement | null
added: property ChartDom.elLegendForeign: HTMLElement | null
added: property ChartDom.elLegendWrap: HTMLElement | null
added: property ChartDom.elNonForecastMask: any | null
added: property ChartDom.elPointAnnotations: Element | null
added: property ChartDom.elWrap: HTMLElement
added: property ChartDom.elXAxisAnnotations: Element | null
added: property ChartDom.elYAxisAnnotations: Element | null
added: property ChartGlobals.LINE_HEIGHT_RATIO: number
added: property ChartGlobals.allSeriesCollapsed: boolean
added: property ChartGlobals.allSeriesHasEqualX: boolean
added: property ChartGlobals.ancillaryCollapsedSeries: Array<{ index: number; data: number[]; type: string }>
added: property ChartGlobals.ancillaryCollapsedSeriesIndices: number[]
added: property ChartGlobals.animationEnded: boolean
added: property ChartGlobals.areaGroups: string[]
added: property ChartGlobals.axisCharts: boolean
added: property ChartGlobals.barGroups: string[]
added: property ChartGlobals.barHeight: number
added: property ChartGlobals.barPadForNumericAxis: number
added: property ChartGlobals.barWidth: number
added: property ChartGlobals.bulkRevealScheduled: boolean
added: property ChartGlobals.cachedSelectors: Record<string, NodeList>
added: property ChartGlobals.capturedDataPointIndex: number
added: property ChartGlobals.capturedSeriesIndex: number
added: property ChartGlobals.chartClass: string
added: property ChartGlobals.chartID: string | null
added: property ChartGlobals.clientX: number | null
added: property ChartGlobals.clientY: number | null
added: property ChartGlobals.collapsedSeries: Array<{ index: number; data: number[]; type: string }>
added: property ChartGlobals.collapsedSeriesIndices: number[]
added: property ChartGlobals.colors: string[]
added: property ChartGlobals.columnSeries: object | null
added: property ChartGlobals.comboBarCount: number
added: property ChartGlobals.comboCharts: boolean
added: property ChartGlobals.cuid: string | null
added: property ChartGlobals.dataChanged: boolean
added: property ChartGlobals.dataLabels: { style: { colors: string[] } }
added: property ChartGlobals.dataLabelsRects: DOMRect[]
added: property ChartGlobals.dataPoints: number
added: property ChartGlobals.dataReducerRawMaxX: number | undefined
added: property ChartGlobals.dataReducerRawMinX: number | undefined
added: property ChartGlobals.dataReducerRawSeries: Array<{ data: any }> | null
added: property ChartGlobals.defaultLabels: boolean
added: property ChartGlobals.delayedElements: Array<{ el: Element; index?: number }>
added: property ChartGlobals.dimensionCache: Record<string, { value: any; lastUpdate: number }>
added: property ChartGlobals.disableZoomIn: boolean
added: property ChartGlobals.disableZoomOut: boolean
added: property ChartGlobals.dom: ChartDom
added: property ChartGlobals.domCache: Map<string, Element>
added: property ChartGlobals.events: { beforeMount: Function[]; mounted: Function[]; updated: Function[]; clicked: Function[]; selection: Function[]; dataPointSelection: Function[]; zoomed: Function[]; scrolled: Function[] }
added: property ChartGlobals.fill: { colors: string[] }
added: property ChartGlobals.hasNullValues: boolean
added: property ChartGlobals.hasSeriesGroups: boolean
added: property ChartGlobals.ignoreYAxisIndexes: number[]
added: property ChartGlobals.initialConfig: ResolvedApexOptions | null
added: property ChartGlobals.initialMaxX: number
added: property ChartGlobals.initialMinX: number
added: property ChartGlobals.initialSeries: ApexOptions['series']
added: property ChartGlobals.invalidLogScale: boolean
added: property ChartGlobals.isBarHorizontal: boolean
added: property ChartGlobals.isDestroyed: boolean
added: property ChartGlobals.isDirty: boolean
added: property ChartGlobals.isExecCalled: boolean
added: property ChartGlobals.isMultipleYAxis: boolean
added: property ChartGlobals.isSlopeChart: boolean
added: property ChartGlobals.isTouchDevice: boolean
added: property ChartGlobals.lastClientPosition: { x?: number; y?: number }
added: property ChartGlobals.lastDrawnDataLabelsIndexes: number[][]
added: property ChartGlobals.lastXAxis: object[]
added: property ChartGlobals.lastYAxis: object[]
added: property ChartGlobals.legendFormatter: Function | undefined
added: property ChartGlobals.lineGroups: string[]
added: property ChartGlobals.locale: Record<string, any>
added: property ChartGlobals.markers: { colors: string[]; size: number[]; largestSize: number }
added: property ChartGlobals.maxDate: number
added: property ChartGlobals.maxValsInArrayIndex: number
added: property ChartGlobals.maxX: number
added: property ChartGlobals.maxY: number
added: property ChartGlobals.maxYArr: number[]
added: property ChartGlobals.maxZ: number
added: property ChartGlobals.memory: { methodsToExec: Array<{ context: object; id: string; method: Function; label: string; params: unknown }> }
added: property ChartGlobals.minDate: number
added: property ChartGlobals.minX: number
added: property ChartGlobals.minXDiff: number
added: property ChartGlobals.minY: number
added: property ChartGlobals.minYArr: number[]
added: property ChartGlobals.minZ: number
added: property ChartGlobals.mousedown: boolean
added: property ChartGlobals.multiAxisTickAmount: number
added: property ChartGlobals.niceScaleAllowedMagMsd: number[][]
added: property ChartGlobals.niceScaleDefaultTicks: number[]
added: property ChartGlobals.noData: boolean
added: property ChartGlobals.originalSeries: ApexOptions['series'] | null
added: property ChartGlobals.overlappingXLabels: boolean
added: property ChartGlobals.padHorizontal: number
added: property ChartGlobals.panEnabled: boolean
added: property ChartGlobals.pieExternalLabelMarginY: number
added: property ChartGlobals.pointsArray: number[][][]
added: property ChartGlobals.previousPaths: any[]
added: property ChartGlobals.radarPolygons: { fill: { colors: string[] } }
added: property ChartGlobals.radialSize: number
added: property ChartGlobals.resizeObserver: ResizeObserver | null
added: property ChartGlobals.resizeTimer: number | null
added: property ChartGlobals.resized: boolean
added: property ChartGlobals.risingSeries: number[]
added: property ChartGlobals.scaleX: number
added: property ChartGlobals.scaleY: number
added: property ChartGlobals.selectedDataPoints: number[][]
added: property ChartGlobals.selection: { x: number; y: number; width: number; height: number } | null | undefined
added: property ChartGlobals.selectionEnabled: boolean
added: property ChartGlobals.selectionResizeTimer: number | null
added: property ChartGlobals.seriesCandleC: number[][]
added: property ChartGlobals.seriesCandleH: number[][]
added: property ChartGlobals.seriesCandleL: number[][]
added: property ChartGlobals.seriesCandleM: number[][]
added: property ChartGlobals.seriesCandleO: number[][]
added: property ChartGlobals.seriesLog: number[][]
added: property ChartGlobals.seriesPercent: number[][]
added: property ChartGlobals.seriesRange: Array<Array<{ y: number; y2: number }>>
added: property ChartGlobals.seriesRangeEnd: number[][]
added: property ChartGlobals.seriesRangeStart: number[][]
added: property ChartGlobals.seriesTotals: number[]
added: property ChartGlobals.seriesXvalues: number[][]
added: property ChartGlobals.seriesYAxisMap: number[][]
added: property ChartGlobals.seriesYAxisReverseMap: number[]
added: property ChartGlobals.seriesYvalues: number[][]
added: property ChartGlobals.shouldAnimate: boolean
added: property ChartGlobals.skipFirstTimelinelabel: boolean
added: property ChartGlobals.skipLastTimelinelabel: boolean
added: property ChartGlobals.stroke: { colors: string[] }
added: property ChartGlobals.svgHeight: number
added: property ChartGlobals.svgWidth: number
added: property ChartGlobals.textRectsCache: Map<string, { width: number; height: number }>
added: property ChartGlobals.tooltip: TooltipModule | null
added: property ChartGlobals.total: number
added: property ChartGlobals.translateYAxisX: number[]
added: property ChartGlobals.ttKeyFormatter: Function | undefined
added: property ChartGlobals.ttVal: any
added: property ChartGlobals.ttZFormatter: Function | undefined
added: property ChartGlobals.visibleXRange: number | undefined
added: property ChartGlobals.xAxisScale: { result: number[]; niceMin: number; niceMax: number } | null
added: property ChartGlobals.xAxisTicksPositions: number[]
added: property ChartGlobals.xLabelFormatter: Function | undefined
added: property ChartGlobals.xRange: number
added: property ChartGlobals.xTickAmount: number
added: property ChartGlobals.xaxisTooltipFormatter: Function | undefined
added: property ChartGlobals.xyCharts: boolean
added: property ChartGlobals.yAxisLabelsWidth: number
added: property ChartGlobals.yAxisScale: Array<{ niceMin: number; niceMax: number; result: number[]; tickAmount: number }>
added: property ChartGlobals.yAxisWidths: number[]
added: property ChartGlobals.yLabelFormatters: Function[]
added: property ChartGlobals.yRange: number[]
added: property ChartGlobals.yValueDecimal: number
added: property ChartGlobals.yaxis: object[] | null
added: property ChartGlobals.zRange: number
added: property ChartGlobals.zoomEnabled: boolean
added: property ChartGlobals.zoomed: boolean
added: property ChartStateW.axisFlags: AxisFlags
added: property ChartStateW.candleData: CandleData
added: property ChartStateW.config: ResolvedApexOptions
added: property ChartStateW.dom: ChartDom
added: property ChartStateW.formatters: FormatterState
added: property ChartStateW.globals: ChartGlobals
added: property ChartStateW.interact: InteractState
added: property ChartStateW.labelData: LabelData
added: property ChartStateW.layout: LayoutCoords
added: property ChartStateW.rangeData: RangeData
added: property ChartStateW.seriesData: SeriesData
added: property ChartStateW.violinData: ViolinData
added: property FormatterState.legendFormatter: Function
added: property FormatterState.ttKeyFormatter: Function | undefined
added: property FormatterState.ttVal: any
added: property FormatterState.ttZFormatter: Function | undefined
added: property FormatterState.xLabelFormatter: Function | undefined
added: property FormatterState.xaxisTooltipFormatter: Function | undefined
added: property FormatterState.yLabelFormatters: Function[]
added: property InteractState.capturedDataPointIndex: number
added: property InteractState.capturedSeriesIndex: number
added: property InteractState.clientX: number | null
added: property InteractState.clientY: number | null
added: property InteractState.disableZoomIn: boolean
added: property InteractState.disableZoomOut: boolean
added: property InteractState.isTouchDevice: boolean
added: property InteractState.lastClientPosition: { x?: number; y?: number }
added: property InteractState.lastWheelExecution: number
added: property InteractState.mousedown: boolean
added: property InteractState.panEnabled: boolean
added: property InteractState.selectedDataPoints: number[][]
added: property InteractState.selection: { x: number; y: number; width: number; height: number } | null | undefined
added: property InteractState.selectionEnabled: boolean
added: property InteractState.visibleXRange: number | undefined
added: property InteractState.zoomEnabled: boolean
added: property InteractState.zoomed: boolean
added: property LabelData.categoryLabels: string[]
added: property LabelData.groups: Array<{ title: string; cols: number }>
added: property LabelData.hasXaxisGroups: boolean
added: property LabelData.labels: string[]
added: property LabelData.seriesGroups: string[][]
added: property LabelData.timescaleLabels: Array<{ value: string; position: number; unit: string }>
added: property LayoutCoords.gridHeight: number
added: property LayoutCoords.gridWidth: number
added: property LayoutCoords.rotateXLabels: boolean
added: property LayoutCoords.translateX: number
added: property LayoutCoords.translateXAxisX: number
added: property LayoutCoords.translateXAxisY: number
added: property LayoutCoords.translateY: number
added: property LayoutCoords.xAxisGroupLabelsHeight: number
added: property LayoutCoords.xAxisHeight: number
added: property LayoutCoords.xAxisLabelsHeight: number
added: property LayoutCoords.xAxisLabelsWidth: number
added: property LayoutCoords.yLabelsCoords: Array<{ width: number; index: number }>
added: property LayoutCoords.yTitleCoords: Array<{ width: number; height: number }>
added: property RangeData.seriesRange: Array<Array<{ y: number; y2: number }>>
added: property RangeData.seriesRangeEnd: number[][]
added: property RangeData.seriesRangeStart: number[][]
added: property SeriesData.series: number[][]
added: property SeriesData.seriesColors: string[]
added: property SeriesData.seriesGoals: Array<Array<Array<{ name: string; value: number; strokeColor?: string }>>>
added: property SeriesData.seriesNames: string[]
added: property SeriesData.seriesX: number[][]
added: property SeriesData.seriesZ: number[][]
added: property SeriesData.stackedSeriesTotals: number[]
added: property SeriesData.stackedSeriesTotalsByGroups: number[][]
added: property ViolinData.seriesViolinDensity: Array<Array<{ values: number[]; weights: number[]; maxWeight: number }>>
added: property ViolinData.seriesViolinMax: number[][]
added: property ViolinData.seriesViolinMin: number[][]
added: property ViolinData.seriesViolinPoints: number[][][]
added: property XYRatios.baseLineInvertedY: number
added: property XYRatios.baseLineX: number
added: property XYRatios.baseLineY: number[]
added: property XYRatios.invertedXRatio: number
added: property XYRatios.invertedYRatio: number
added: property XYRatios.xRatio: number
added: property XYRatios.yRatio: number[]
added: property XYRatios.zRatio: number
added: type ResolvedApexOptions = { annotations: Required<ApexAnnotations>; chart: Required<ApexChart>; colors: any[]; dataLabels: Required<ApexDataLabels>; fill: Required<ApexFill>; forecastDa…

removed: declare module 'apexcharts'
removed: type AnnotationLabel = { borderColor?: string; borderWidth?: number; borderRadius?: number; text?: string | string[]; textAnchor?: string; offsetX?: number; offsetY?: number; style?:…
removed: type AnnotationStyle = { background?: string; color?: string; fontFamily?: string; fontWeight?: string | number; fontSize?: string; cssClass?: string; padding?: { left?: number; righ…
removed: type ApexAnnotations = { yaxis?: YAxisAnnotations[]; xaxis?: XAxisAnnotations[]; points?: PointAnnotations[]; texts?: TextAnnotations[]; images?: ImageAnnotations[] }
removed: type ApexAxisChartSeries = { name?: string; type?: string; color?: string; group?: string; hidden?: boolean; zIndex?: number; data: | (number | null)[] | { x: any; y: any; fill?: ApexFil…
removed: type ApexChart = { width?: string | number; height?: string | number; type?: | 'line' | 'area' | 'bar' | 'pie' | 'donut' | 'radialBar' | 'scatter' | 'bubble' | 'heatmap' | 'can…
removed: type ApexColorStop = { offset: number; color: string; opacity: number }
removed: type ApexDataLabels = { enabled?: boolean; enabledOnSeries?: undefined | number[]; textAnchor?: 'start' | 'middle' | 'end'; distributed?: boolean; offsetX?: number; offsetY?: number…
removed: type ApexDiscretePoint = { seriesIndex?: number; dataPointIndex?: number; fillColor?: string; strokeColor?: string; size?: number; shape?: ApexMarkerShape }
removed: type ApexDropShadow = { enabled?: boolean; top?: number; left?: number; blur?: number; opacity?: number; color?: string }
removed: type ApexFill = { colors?: any[]; opacity?: number | number[]; type?: string | string[]; gradient?: { shade?: string; type?: string; shadeIntensity?: number; gradientToColors?…
removed: type ApexForecastDataPoints = { count?: number; fillOpacity?: number; strokeWidth?: undefined | number; dashArray?: number }
removed: type ApexGrid = { show?: boolean; borderColor?: string; strokeDashArray?: number; position?: 'front' | 'back'; xaxis?: { lines?: { show?: boolean; offsetX?: number; offsetY?:…
removed: type ApexLegend = { show?: boolean; showForSingleSeries?: boolean; showForNullSeries?: boolean; showForZeroSeries?: boolean; floating?: boolean; inverseOrder?: boolean; position…
removed: type ApexLocale = { name?: string; options?: { months?: string[]; shortMonths?: string[]; days?: string[]; shortDays?: string[]; toolbar?: { download?: string; selection?: strin…
removed: type ApexMarkerShape = MarkerShapeOptions | MarkerShapeOptions[]
removed: type ApexMarkers = { size?: number | number[]; colors?: string | string[]; strokeColors?: string | string[]; strokeWidth?: number | number[]; strokeOpacity?: number | number[]; s…
removed: type ApexNoData = { text?: string; align?: 'left' | 'right' | 'center'; verticalAlign?: 'top' | 'middle' | 'bottom'; offsetX?: number; offsetY?: number; style?: { color?: string…
removed: type ApexNonAxisChartSeries = number[]
removed: type ApexPlotOptions = { line?: { isSlopeChart?: boolean; colors?: { threshold?: number, colorAboveThreshold?: string, colorBelowThreshold?: string } }; area?: { fillTo?: 'origin' |…
removed: type ApexResponsive = { breakpoint?: number; options?: any }
removed: type ApexStates = { hover?: { filter?: { type?: string } }; active?: { allowMultipleDataPointsSelection?: boolean; filter?: { type?: string } } }
removed: type ApexStroke = { show?: boolean; curve?: 'smooth' | 'straight' | 'stepline' | 'linestep' | 'monotoneCubic' | ('smooth' | 'straight' | 'stepline' | 'linestep' | 'monotoneCubic…
removed: type ApexTheme = { mode?: 'light' | 'dark'; palette?: string; monochrome?: { enabled?: boolean; color?: string; shadeTo?: 'light' | 'dark'; shadeIntensity?: number } }
removed: type ApexTitleSubtitle = { text?: string; align?: 'left' | 'center' | 'right'; margin?: number; offsetX?: number; offsetY?: number; floating?: boolean; style?: { fontSize?: string; fon…
removed: type ApexTooltip = { enabled?: boolean; enabledOnSeries?: undefined | number[]; shared?: boolean; followCursor?: boolean; intersect?: boolean; inverseOrder?: boolean; custom?: ((…
removed: type ApexTooltipY = { title?: { formatter?(seriesName: string, opts?: any): string }; formatter?(val: number, opts?: any): string }
removed: type ApexXAxis = { type?: 'category' | 'datetime' | 'numeric'; categories?: any; overwriteCategories?: number[] | string[] | undefined; offsetX?: number; offsetY?: number; sort…
removed: type ApexYAxis = { show?: boolean; showAlways?: boolean; showForNullSeries?: boolean; seriesName?: string | string[]; opposite?: boolean; reversed?: boolean; logarithmic?: bool…
removed: type ImageAnnotations = { path?: string; x?: number, y?: number, width?: number, height?: number }
removed: type MarkerShapeOptions = 'circle' | 'square' | 'rect' | 'line' | 'cross' | 'plus' | 'star' | 'sparkle' | 'diamond' | 'triangle'
removed: type PointAnnotations = { id?: number | string; x?: number | string; y?: null | number; yAxisIndex?: number; seriesIndex?: number; mouseEnter?: Function; mouseLeave?: Function; click?…
removed: type TextAnnotations = { x?: number; y?: number; text?: string; textAnchor?: string; foreColor?: string; fontSize?: string | number; fontFamily?: undefined | string; fontWeight?: str…
removed: type XAxisAnnotations = { id?: number | string; x?: null | number | string; x2?: null | number | string; strokeDashArray?: number; fillColor?: string; borderColor?: string; borderWidt…
removed: type YAxisAnnotations = { id?: number | string; y?: null | number | string; y2?: null | number | string; strokeDashArray?: number; fillColor?: string; borderColor?: string; borderWidt…
changed: constructor ApexCharts(el: any, options: any) → constructor ApexCharts(el: HTMLElement, options: ApexCharts.ApexOptions)
changed: method ApexCharts.addPointAnnotation(options: any, pushToMemory?: boolean, context?: any): void → method ApexCharts.addPointAnnotation(options: PointAnnotations, pushToMemory?: boolean, context?: ApexCharts): void
changed: method ApexCharts.addXaxisAnnotation(options: any, pushToMemory?: boolean, context?: any): void → method ApexCharts.addXaxisAnnotation(options: XAxisAnnotations, pushToMemory?: boolean, context?: ApexCharts): void
changed: method ApexCharts.addYaxisAnnotation(options: any, pushToMemory?: boolean, context?: any): void → method ApexCharts.addYaxisAnnotation(options: YAxisAnnotations, pushToMemory?: boolean, context?: ApexCharts): void
changed: method ApexCharts.appendData(data: any[], overwriteInitialSeries?: boolean): void → method ApexCharts.appendData(data: Array<{ data: any[] }>, overwriteInitialSeries?: boolean): Promise<ApexCharts>
changed: method ApexCharts.appendSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean): Promise<void> → method ApexCharts.appendSeries(newSerie: ApexAxisChartSeries[0] | number, animate?: boolean, overwriteInitialSeries?: boolean): Promise<ApexCharts>
changed: method ApexCharts.clearAnnotations(options?: any): void → method ApexCharts.clearAnnotations(context?: ApexCharts): void
changed: method ApexCharts.dataURI(options?: { scale?: number, width?: number }): Promise<{ imgURI: string } | { blob: Blob }> → method ApexCharts.dataURI(options?: { scale?: number; width?: number }): Promise<{ imgURI: string } | { blob: Blob }>
changed: method ApexCharts.highlightSeries(seriesName: string): any → method ApexCharts.highlightSeries(seriesName: string): void
changed: method ApexCharts.paper(): void → method ApexCharts.paper(): any
changed: method ApexCharts.removeAnnotation(id: string, options?: any): void → method ApexCharts.removeAnnotation(id: string, context?: ApexCharts): void
changed: method ApexCharts.render(): Promise<void> → method ApexCharts.render(): Promise<ApexCharts>
changed: method ApexCharts.resetSeries(): void → method ApexCharts.resetSeries(shouldUpdateChart?: boolean, shouldResetZoom?: boolean): void
changed: method ApexCharts.toggleDataPointSelection(seriesIndex: number, dataPointIndex?: number): any → method ApexCharts.toggleDataPointSelection(seriesIndex: number, dataPointIndex?: number): number[][] | null
changed: method ApexCharts.toggleSeries(seriesName: string): any → method ApexCharts.toggleSeries(seriesName: string): object | undefined
changed: method ApexCharts.updateOptions(options: any, redrawPaths?: boolean, animate?: boolean, updateSyncedCharts?: boolean): Promise<void> → method ApexCharts.updateOptions(options: ApexCharts.ApexOptions, redraw?: boolean, animate?: boolean, updateSyncedCharts?: boolean, overwriteInitialConfig?: boolean): Promise<ApexCharts>
changed: method ApexCharts.updateSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean): Promise<void> → method ApexCharts.updateSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean, overwriteInitialSeries?: boolean): Promise<ApexCharts>
changed: property ApexCharts.ApexOptions.colors?: any[] → property ApexCharts.ApexOptions.colors?: Array<string | ((opts: ApexColorFormatterOpts) => string)>
changed: property ApexCharts.exports: { cleanup(): string; svgUrl(): string; dataURI(options?: { scale?: number, width?: number }): Promise<{ imgURI: string } | { blob: Blob }>; exportToSVG(): void; exportToPng(): void; exportToCSV(options?: { series?: any, fileName?: string, columnDelimiter?: string, lineDelimiter?: string }): void; getSvgString(scale?: number): void; triggerDownload(href: string, filena… → property ApexCharts.exports: { cleanup(): string; svgUrl(): string; dataURI(options?: { scale?: number; width?: number }): Promise<{ imgURI: string } | { blob: Blob }>; exportToSVG(): void; exportToPng(): void; exportToCSV(options?: { series?: ApexAxisChartSeries | ApexNonAxisChartSeries; fileName?: string; columnDelimiter?: string; lineDelimiter?: string }): void; getSvgString(scale?: number): P…
changed: static method ApexCharts.exec(chartID: string, fn: string, ...args: Array<any>): any → static method ApexCharts.exec(chartID: string, fn: string, ...args: any[]): any
added: export = ApexCharts
added: export as namespace ApexCharts
added: interface ApexCharts.ApexDrilldown
added: interface ApexCharts.ApexDrilldownContext
added: interface ApexCharts.ApexDrilldownEvent
added: interface ApexCharts.ApexDrilldownSeries
added: interface ApexCharts.ChartState
added: method ApexCharts.ApexDrilldown.onDrillDown?(ctx: ApexDrilldownContext): ApexDrilldownSeries | Promise<ApexDrilldownSeries>
added: method ApexCharts.addEventListener(name: string, handler: (...args: any[]) => void): void
added: method ApexCharts.drillDown(id: string | number): Promise<ApexCharts>
added: method ApexCharts.drillToRoot(): Promise<ApexCharts>
added: method ApexCharts.drillUp(): Promise<ApexCharts>
added: method ApexCharts.exportToCSV(options?: { series?: ApexAxisChartSeries | ApexNonAxisChartSeries; fileName?: string; columnDelimiter?: string; lineDelimiter?: string }): void
added: method ApexCharts.getChartArea(): Element | null
added: method ApexCharts.getGroupedCharts(): ApexCharts[]
added: method ApexCharts.getHighestValueInSeries(seriesIndex?: number): number
added: method ApexCharts.getLowestValueInSeries(seriesIndex?: number): number
added: method ApexCharts.getSeriesTotal(): number[]
added: method ApexCharts.getSeriesTotalXRange(minX: number, maxX: number): number[]
added: method ApexCharts.getState(): ApexCharts.ChartState
added: method ApexCharts.getSvgString(scale?: number): Promise<string>
added: method ApexCharts.getSyncedCharts(): ApexCharts[]
added: method ApexCharts.highlightSeriesOnLegendHover(e: MouseEvent, targetElement: HTMLElement): void
added: method ApexCharts.isSeriesHidden(seriesName: string): boolean
added: method ApexCharts.removeEventListener(name: string, handler: (...args: any[]) => void): void
added: property ApexCharts.ApexDrilldown.animation?: { enabled?: boolean; zoomFromPoint?: boolean; speed?: number }
added: property ApexCharts.ApexDrilldown.breadcrumb?: | false | { show?: boolean; position?: 'top-left' | 'top-right'; separator?: string; rootLabel?: string; offsetX?: number; offsetY?: number; formatter?(label: string, opts: { index: number; depth: number }): string }
added: property ApexCharts.ApexDrilldown.enabled?: boolean
added: property ApexCharts.ApexDrilldown.series?: ApexDrilldownSeries[]
added: property ApexCharts.ApexDrilldownContext.dataPointIndex?: number
added: property ApexCharts.ApexDrilldownContext.point: any
added: property ApexCharts.ApexDrilldownContext.seriesIndex?: number
added: property ApexCharts.ApexDrilldownEvent.dataPointIndex?: number
added: property ApexCharts.ApexDrilldownEvent.from: string | number
added: property ApexCharts.ApexDrilldownEvent.point?: any
added: property ApexCharts.ApexDrilldownEvent.seriesIndex?: number
added: property ApexCharts.ApexDrilldownEvent.to: string | number
added: property ApexCharts.ApexDrilldownSeries.chart?: Pick<ApexChart, 'type' | 'stacked' | 'stackType'>
added: property ApexCharts.ApexDrilldownSeries.colors?: Array<string | ((opts: ApexColorFormatterOpts) => string)>
added: property ApexCharts.ApexDrilldownSeries.data?: any[]
added: property ApexCharts.ApexDrilldownSeries.fill?: ApexFill
added: property ApexCharts.ApexDrilldownSeries.id: string | number
added: property ApexCharts.ApexDrilldownSeries.legend?: ApexLegend
added: property ApexCharts.ApexDrilldownSeries.name?: string
added: property ApexCharts.ApexDrilldownSeries.plotOptions?: ApexPlotOptions
added: property ApexCharts.ApexDrilldownSeries.series?: ApexAxisChartSeries
added: property ApexCharts.ApexDrilldownSeries.xaxis?: ApexXAxis
added: property ApexCharts.ApexDrilldownSeries.yaxis?: ApexYAxis | ApexYAxis[]
added: property ApexCharts.ApexOptions.drilldown?: ApexDrilldown
added: property ApexCharts.ApexOptions.parsing?: ApexParsing
added: property ApexCharts.ChartState.collapsedSeriesIndices: number[]
added: property ApexCharts.ChartState.colors: string[]
added: property ApexCharts.ChartState.dataPoints: number
added: property ApexCharts.ChartState.gridHeight: number
added: property ApexCharts.ChartState.gridWidth: number
added: property ApexCharts.ChartState.isXNumeric: boolean
added: property ApexCharts.ChartState.labels: string[]
added: property ApexCharts.ChartState.maxX: number
added: property ApexCharts.ChartState.maxY: number
added: property ApexCharts.ChartState.maxYArr: number[]
added: property ApexCharts.ChartState.minX: number
added: property ApexCharts.ChartState.minXDiff: number
added: property ApexCharts.ChartState.minY: number
added: property ApexCharts.ChartState.minYArr: number[]
added: property ApexCharts.ChartState.selectedDataPoints: number[][]
added: property ApexCharts.ChartState.series: number[][] | any[]
added: property ApexCharts.ChartState.seriesCandleC: number[][]
added: property ApexCharts.ChartState.seriesCandleH: number[][]
added: property ApexCharts.ChartState.seriesCandleL: number[][]
added: property ApexCharts.ChartState.seriesCandleM: number[][]
added: property ApexCharts.ChartState.seriesCandleO: number[][]
added: property ApexCharts.ChartState.seriesGoals: any[][]
added: property ApexCharts.ChartState.seriesNames: string[]
added: property ApexCharts.ChartState.seriesPercent: number[][]
added: property ApexCharts.ChartState.seriesRangeEnd: number[][]
added: property ApexCharts.ChartState.seriesRangeStart: number[][]
added: property ApexCharts.ChartState.seriesTotals: number[]
added: property ApexCharts.ChartState.seriesX: any[][]
added: property ApexCharts.ChartState.seriesXvalues: number[][]
added: property ApexCharts.ChartState.seriesYAxisMap: number[][]
added: property ApexCharts.ChartState.seriesYAxisReverseMap: number[]
added: property ApexCharts.ChartState.seriesYvalues: number[][]
added: property ApexCharts.ChartState.seriesZ: number[][]
added: property ApexCharts.ChartState.svgHeight: number
added: property ApexCharts.ChartState.svgWidth: number
added: property ApexCharts.ChartState.xAxisScale: { result: number[]; niceMin: number; niceMax: number } | null
added: property ApexCharts.ChartState.xTickAmount: number
added: property ApexCharts.ChartState.yAxisScale: { result: number[]; niceMin: number; niceMax: number }[]
added: property ApexCharts.ChartState.zoomed: boolean
added: static method ApexCharts.merge(target: object, source: object): object
added: static method ApexCharts.registerFeatures(featureMap: Record<string, new (...args: any[]) => any>): void
added: static method ApexCharts.use(typeMap: Record<string, new (...args: any[]) => any>): void