What’s New in Apache ECharts 6.0? 12 Major Upgrades Unveiled

Feature Overview

Apache ECharts 6.0 focuses on three core dimensions: professional visual presentation, expanded data expression, and flexible composition orchestration.

Professional visual presentation : refined default theme, design‑token‑based styling, and intelligent dark‑mode switching.

Expanded data expression : new chart types and features for complex data scenarios.

Flexible composition orchestration : matrix coordinate system, reusable custom series, and improved axis label handling.

12 Specific Upgrades

Professional visual presentation

New default theme with modern design language.

Dynamic theme switching at runtime without re‑initializing the chart.

Automatic dark‑mode response based on system settings.

Expanded data expression

Chord diagram with gradient edge colors for complex relationships.

Beeswarm chart that spreads overlapping points into a honeycomb layout.

Scatter jittering that adds random offset to dense scatter data for readability.

Broken axis that simulates a torn‑paper effect for large magnitude gaps.

Enhanced stock‑trading charts with richer labeling and ready‑to‑use components.

Flexible composition orchestration

Matrix coordinate system enabling table‑like layout of any chart or component, supporting matrix and calendar grids.

Custom series upgrade: npm‑based registration and dynamic usage, replacing manual renderItem implementations.

New custom charts: violin, contour, sleep‑stage, segmented ring, range bar, and range line charts.

Axis label optimization with smart layout to prevent overflow and overlap (default behavior).

Upgrade Guide

Try the beta version: npm install [email protected] Upgrade to the official release: npm install echarts@6 Documentation and migration guides will be updated on the official site.

Technical References

Custom series repository: https://github.com/apache/echarts-custom-series

Main ECharts repository: https://github.com/apache/echarts

Breaking Changes and Compatibility Notes

Default theme and component positions have changed; legacy behavior can be restored with echarts/theme/v5.js.

Axis name/label overflow handling now defaults to prevent overflow and overlap; can be disabled via grid.outerBoundsMode: 'none' or xAxis/yAxis.axisLabel.nameMoveOverlap: false.

Percentage‑based center values now use a corrected baseline; legacy behavior enabled with legacyViewCoordSysCenterBase: true.

Rich text label styles now inherit plain label styles; revert with richInheritPlainLabel: false.