Blog

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

What's New in Blazor-ApexCharts 7.0.0

What's New in Blazor-ApexCharts 7.0.0

Blazor-ApexCharts 7.0.0 upgrades the vendored ApexCharts core from 5.16 to 6.5 and surfaces its v6 features through the strongly-typed C# API: a canvas renderer, real-time streaming, and bar chart race with no license key, plus seven premium interaction modules behind an offline key. Shipped for Blazor Server, WebAssembly, and .NET MAUI.

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. It turns a chart from a picture you look at into a surface you investigate, author, and share: on-chart annotation and measuring, linked crossfilter dashboards, undo/redo, scrollytelling, a plugin platform, custom series types, a canvas renderer for high-density data, and OS-aware theming. Everything is opt-in and tree-shakeable, and your existing config keeps working.

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
Coordinated Dashboards: Linked Views and Crossfilter

Coordinated Dashboards: Linked Views and Crossfilter

Linked Views is the crossfilter engine in ApexCharts 6.0. Register one record set, give each chart a dimension, and clicking a bucket or brushing a range in any chart re-aggregates every other chart over the filtered subset. This is how to build a coordinated dashboard, including the highlight mode, the filter engine, and a shared data table, with a live demo.

Read More
Constant-Velocity Real-Time Streaming in ApexCharts 6.0

Constant-Velocity Real-Time Streaming in ApexCharts 6.0

ApexCharts 6.0 adds chart.streaming: set enabled to true and appendData both scrolls the line at constant velocity and trims the series automatically, so memory stays flat no matter how long the feed runs. This is the streaming API, why appending (not shifting) is what makes it scroll, and how it replaces the manual trim you used to write, with a live demo.

Read More
Scrollytelling With ApexCharts Storyboard

Scrollytelling With ApexCharts Storyboard

Storyboard is scrollytelling for charts, new in ApexCharts 6.0. You pair prose sections (beats) with saved chart views; scrolling a beat into view applies its view and scrolling back reverses it, and a beat can morph the chart in one transition. This is how to build a scroll-driven data story, with a live demo and the one design rule that keeps every transition smooth.

Read More
Build Chart Plugins With ApexCharts Weave

Build Chart Plugins With ApexCharts Weave

Weave is the plugin platform in ApexCharts 6.0. A plugin registers once by name, subscribes to lifecycle hooks like draw, and paints into its own sandboxed layer using a stable API of scales, data, and theme. It never touches internal state. This is how to write, activate, configure, and publish a Weave plugin, with a live example.

Read More
How to Build a Real-Time Dashboard with ApexCharts and WebSockets

How to Build a Real-Time Dashboard with ApexCharts and WebSockets

A step-by-step guide to streaming live data into ApexCharts: a smoothly scrolling line fed by appendData over a WebSocket, a live gauge, KPI tiles, memory kept flat with an occasional trim, and clean teardown.

Read More
What's New in ApexGantt 3.15.0

What's New in ApexGantt 3.15.0

ApexGantt 3.15.0 is out. The headline of this release line: the task list became a full data grid with sorting, filtering, grouping, and resizable columns, plus split tasks, saved UI state, draw-to-create, multi-format export, touch support, and a new click-a-row-to-scroll interaction. Here is everything new, with a live demo.

Read More