ApexCharts 6.0 Is Here

ApexCharts 6.0.0 shipped on July 17, 2026, the largest release in the library's history: you can now author annotations on the plot, filter a dashboard by clicking one chart, undo and redo, narrate with scroll, extend the library with plugins and custom series, and render dense data to canvas. Every new feature is opt-in and no option was removed or renamed, but two defaults changed, so check the table below.

Key takeaways

• Act on the plot: Ink annotation authoring, the Measure ruler and a right-click Context Menu.
• Coordinate and share: Linked Views crossfilter, Rewind undo/redo, Perspectives view URLs and Storyboard scrollytelling.
• Extend and scale: Weave plugins, Marks custom series types and the Strata canvas renderer.
• Theme and motion: Facet design tokens and OS themes; Cadence pluggable easing.
• Two defaults changed (data transitions, mobile gestures), each reversible in one line.
• Upgrading is npm install apexcharts@latest; seven new features need a Premium license.

Which defaults changed?

Default change	Release	What you will see	How to reverse it
Coherent data transitions	6.0.0	An updateSeries that changes the number of points tweens through one animation instead of snapping	chart: { animations: { dynamicAnimation: { enabled: false } } }
Mobile momentum gestures	6.0.0	Touch charts get pinch-to-zoom and inertial (flick) pan	chart: { zoom: { pinch: false }, pan: { inertia: false } }

Above animations.largeDatasetThreshold (1000 points) transitions fall back to a single fade, and both changes honor prefers-reduced-motion. See mobile gestures and animations.

Every new feature and how to turn it on

Each feature is an entry point you import once, then enable in config. Cadence and streaming are core and need no import.

Feature	What it does	Turn it on	Docs
Ink (Premium)	Drag, edit and create annotations on the plot	import 'apexcharts/features/ink' + chart.ink.enabled	Guide, walkthrough
Measure (Premium)	Change, percent change and range between two points, in span or free mode	import 'apexcharts/features/measure' + chart.measure.enabled	Guide
Context Menu (Premium)	Chart-aware right-click actions	import 'apexcharts/features/context-menu' + chart.contextMenu.enabled	Guide
Linked Views (Premium)	Click or brush one chart to filter the rest	import 'apexcharts/features/link' + chart.link	Guide, walkthrough
Rewind (Premium)	Undo/redo; a drag is one step	import 'apexcharts/features/history' + chart.history.enabled	Guide
Perspectives (Premium)	Zoom window, hidden series and theme as a URL token	import 'apexcharts/features/perspectives'	Guide
Storyboard (Premium)	Scrolling prose applies saved views, and reverses on the way back	import 'apexcharts/features/storyboard'	Guide, demo, walkthrough
Weave	Plugins draw into their own sandboxed layer	import 'apexcharts/features/weave'	Guide, walkthrough
Marks	Register new series types; bullet, lollipop and dumbbell ship as examples	import 'apexcharts/features/marks'	Guide, demos
Strata	Dense series bodies paint to canvas	import 'apexcharts/features/renderer-canvas' + chart.renderer	Guide, walkthrough
Facet	Colors from --apx-* tokens, optionally following the OS	import 'apexcharts/features/facet' + theme.follow / theme.tokens	Themes, dark mode
Morph	Animates a change of chart type	import 'apexcharts/features/morph' + animations.chartTypeMorph.enabled	Guide
Cadence	Easing as a named curve, cubic-bezier array or function	core	Guide
Streaming	Constant-velocity real-time scrolling	core	Guide, walkthrough

The seven features marked Premium need a Premium license or above whatever your organization's size. Apart from those, ApexCharts is free under the Community license under $2M in annual revenue, budget or funding; see pricing for the current terms.

Ink: author annotations on the plot

Grab a labelled point and move it, click a note to open a floating editor (rename, recolor, resize the marker), or click the plot to drop a new note. On release the position is written back to annotations.points[] in data coordinates, so the note stays on its data point through zoom and resize.

import ApexCharts from 'apexcharts'
import 'apexcharts/features/ink'

const chart = new ApexCharts(document.querySelector('#chart'), {
  series: [{ name: 'Signal', data: [42, 61, 38, 74, 55, 48, 67, 52] }],
  chart: { type: 'line', ink: { enabled: true, palette: true } },
})
chart.render()

Try it in the annotation authoring demo. The annotation authoring guide covers the editor and its events.

Linked Views: filter a dashboard from any chart

Linked Views turns a set of charts into one dashboard over a shared record set. Click a bucket or brush a range in one chart, and every other chart re-aggregates over the rows that pass all the other filters. In highlight mode, brushing one chart dims the non-matching marks in the rest.

import ApexCharts from 'apexcharts'
import 'apexcharts/features/link'

// highlight mode, per chart
const options = { chart: { group: 'sales', link: { enabled: true, mode: 'highlight', dimOpacity: 0.2 } } }

// or a shared crossfilter engine
const cf = ApexCharts.crossfilter({ id: 'sales', records })

See it in the crossfilter dashboard demo, and the linked views guide for dimensions, bins and reducers.

Strata: a canvas renderer for dense data

Set chart.renderer to 'canvas' or 'auto' and the series bodies paint to a canvas layer, while axes, grid, zoom and the shared tooltip stay SVG. With 'auto', the canvas takes over above rendererThreshold (8000 by default), so tens of thousands of points stay interactive.

import ApexCharts from 'apexcharts'
import 'apexcharts/features/renderer-canvas'

const options = {
  chart: { renderer: 'auto', rendererThreshold: 8000 }, // 'svg' | 'canvas' | 'auto'
}
// chart.getActiveRenderer() reports what is in use

The high-density scatter demo runs on it, and the canvas renderer guide lists what falls back to SVG.

Other fixes

• Zooming a jitter strip plot snaps the window to whole bands, so x-axis labels no longer vanish on zoom-in.
• render() is idempotent: a repeated call returns the same promise instead of building a second chart.
• hideSeries, showSeries and toggleSeries work under strict CSS selector engines.
• Area updates no longer feed the animation a malformed pathFrom.

The full list is in the 6.0.0 GitHub release.

Upgrading

npm install apexcharts@latest

Or with a script tag:

<script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/6.0.0/apexcharts.min.js"></script>

Or bump the pinned version on your CDN link. Most projects upgrade with no code changes. Check the two default changes against your animated and touch charts. The default apexcharts import is still the full build; for the smallest bundle, start from the slim core and add only the features a chart uses:

import ApexCharts from 'apexcharts/core'
import 'apexcharts/features/measure'
import 'apexcharts/features/link'

See Tree Shaking for every entry point. Framework wrappers need no new version, and types ship in the package.

Frequently asked questions