apexcharts 5.14.0

💎 Version 5.14.0

on Node.js NPM

✨ New Features

Heatmap gradient legend

An opt-in continuous gradient legend for heatmaps that replaces the categorical legend with a color strip and a hover-tracking arrow.

• Honors legend.position (top / right / bottom / left) and a new align config (start / center / end).
• Strip length accepts px or percent (default '70%').
• Stops are derived from colorScale.ranges or sampled from the same shade function the cells use, rendered as a smooth midpoint-anchored gradient (green → blue → yellow → red) that matches the shaded cells.
• Per-band hover: hovering a range highlights the cells in that range and dims the rest.
• The heatmap legend now renders for single-series charts too.

Value-proportional pyramid geometry

chart.type: 'pyramid' now matches the geometry users expect: a single continuous triangle whose stages each own a vertical share proportional to their value, with no gaps between segments.

• Stages are trapezoids bounded by the triangle envelope (apex at top, base at gridWidth) sized by cumulative-value share.

Chart-type morph animations

A new, optional, tree-shakeable feature that tweens between chart types instead of the old destroy-and-recreate flicker.

chart: {
  animations: {
    chartTypeMorph: { enabled: true, speed: 600 }
  }
}

Loaded on demand via apexcharts/features/morph. It captures the old SVG paths from the DOM before destroy, maps each one onto the new chart-type's element identity, and seeds the new paths so the existing PathMorphing engine interpolates between them. When the source/target types or series shapes are incompatible it falls back to an instant snap.

• Supported pairs: bar ↔ {pie, donut, radialBar, polarArea}, plus the trivial pie ↔ donut ↔ polarArea cases, and cross-type morphs involving funnel / pyramid / gauge.

🐛 Fixes

• heatmap: fix two color-mapping bugs in the shared treemap/heatmap helper.
• tooltip: align the combo-chart crosshair with the bar on a numeric x-axis.
• annotations: preserve configured opacity on x-axis range rects.
• toolbar: use the rotate-ccw icon for the reset-zoom button.
• svg: fix a concat error for SVG paths starting in M 0 0 (invalid-path edge case).
• types: add toolbar.menu to the ApexLocale type.