Blog

An archive of tips, tricks and tutorials on how to make the best use of ApexCharts library.

What's New in ApexSankey 1.11

What's New in ApexSankey 1.11

ApexSankey 1.11 adds animated update(), chord and alluvial projections of the same flow model, vertical orientation, circular links, five built-in themes, draggable nodes, particle flow, a plugin API with a typed event bus, and a before/after comparison split-view. It is fully additive: 1.10.0 code runs unchanged.

Read More
What's New in ApexTree 2.0

What's New in ApexTree 2.0

ApexTree 2.0 replaces the tear-down-and-rebuild render with a spring motion core, so collapse, expand, layout changes and data updates become transitions instead of cuts. It adds updateData() for live data, radial and dendrogram layouts, measured node heights, expandable cards, focus mode, semantic zoom and lazy children. Nothing was removed; four defaults changed.

Read More
What's New in ApexCharts 6.7

What's New in ApexCharts 6.7

ApexCharts 6.7 adds the sunburst chart, which draws tree-structured data as concentric rings and reads an existing drilldown config. It also brings rounded and spaced slices to the pie family, a parliament layout for the unit chart and tooltips on point annotations. Two behavior changes are worth checking first.

Read More
What's New in ApexMaps 0.3.0: Pattern Fills, Flow, and a Globe You Can Spin

What's New in ApexMaps 0.3.0: Pattern Fills, Flow, and a Globe You Can Spin

ApexMaps 0.3.0 adds pattern and image fills, beads that show which way a route flows, and an orthographic globe that spins under the pointer. The canvas renderer is gone, and two defaults change what an existing map does: zoom buttons appear, and a drag on a globe turns it. Each default is reversible in one option.

Read More
Introducing ApexMaps: Geographic Data Visualization for the ApexCharts Family

Introducing ApexMaps: Geographic Data Visualization for the ApexCharts Family

ApexMaps is a new library for choropleths, bubble maps, markers, and great-circle routes, built on a 26-pack geometry registry so you never have to find, convert, or host boundary files yourself.

Read More
What's New in ApexCharts 6.6

What's New in ApexCharts 6.6

ApexCharts 6.6 adds the unit chart: one mark per unit of value, covering dot clusters, pictograms, waffles and beeswarms from a single chart type, with a keyed tween that re-forms the marks on every update. Nothing changes for existing charts.

Read More
What's New in Blazor-ApexCharts 7.0.0

What's New in Blazor-ApexCharts 7.0.0

Blazor-ApexCharts 7.0.0 moves the vendored ApexCharts core from 5.16 to 6.5 and exposes its v6 features through the typed C# API: a canvas renderer, real-time streaming and bar chart race with no key, plus seven premium interaction modules behind an offline key. Four ApexCharts 6 behaviors are now on by default.

Read More
How to Build a Bar Chart Race in JavaScript

How to Build a Bar Chart Race in JavaScript

A bar chart race animates a ranking as it changes over time. ApexCharts 6.4 ships it as configuration, no plugin, no per-frame math for the animation: three options plus a timer that feeds each period's ranking. We build one step by step on real World Bank GDP data, 2000 to 2024.

Read More
100,000 Points: A JavaScript Chart Rendering Benchmark

100,000 Points: A JavaScript Chart Rendering Benchmark

We measured how fast 9 charting setups render 1,000 to 100,000 points in headless Chromium: Chart.js, ECharts, uPlot, Highcharts (with and without Boost), Recharts, FusionCharts, and ApexCharts 6 in both SVG and canvas. Every number is a 5-trial median from a pinned, scripted harness, measured on 20 July 2026, and the full dataset is published here.

Read More
ApexCharts 6.0 Is Here

ApexCharts 6.0 Is Here

ApexCharts 6.0 is the largest release in the library's history: on-chart annotation and measuring, linked crossfilter dashboards, undo/redo, scrollytelling, a plugin platform, custom series types, a canvas renderer and OS-aware theming. Every new feature is opt-in and tree-shakeable, no option was removed, and two defaults changed, each reversible in one line.

Read More
Break the SVG Ceiling: The Strata Canvas Renderer

Break the SVG Ceiling: The Strata Canvas Renderer

Strata is the hybrid canvas renderer in ApexCharts 6.0. Set chart.renderer to 'canvas' or 'auto' and the dense series bodies paint to a single canvas while the axes, grid, zoom, and tooltip stay SVG. This is why that matters, exactly what stays SVG, when to use it, and a live benchmark that times SVG against canvas and counts the DOM-node difference in your own browser.

Read More
Direct-Manipulation Annotations: Ink and Measure

Direct-Manipulation Annotations: Ink and Measure

Ink and Measure bring authoring onto the chart surface in ApexCharts 6.0. Ink makes annotations draggable and editable in place and writes positions back to data coordinates; Measure is a ruler that reports the change, percent change, and range of any move. Paired with Rewind for undo, they turn a chart into something you mark up. Here is how, with a live demo.

Read More