npm apexcharts 8.3.0
💎 Version 8.3.0

3 hours ago

The mouse wheel now zooms a chart only with Ctrl or Cmd held (or a trackpad pinch), so a page of zoomable charts scrolls past them. A bare scroll over a chart shows a short hint instead. Set chart.zoom.allowMouseWheelZoom to true for the old wheel, or chart.zoom.wheelHint to false to hide the hint.

Also about 60 fixes from the rest of the 8.x audit, to bars, stacks, axes, keyboard navigation, treemaps, sunbursts, icicles, unit charts and trellis. A few change behaviour you may rely on:

Change What to check
Grouped 100% stacks each reach 100% seriesGroups with 100%
Series objects no longer get a group reads of series.group
Numeric xaxis.stepSize sets the step charts with stepSize
Log axes show values below the base the log axis floor
Ragged horizontal numeric bars sit by x one row per x value
Box plots ignore candlestick.type box plots set to 'ohlc'

✨ New

  • Make the default mouse wheel zoom cooperative.

🐛 Fixes

  • Add missing measure label to Romanian (ro). Thanks @vicuts.
  • Stop doubling the comma after a Vue script section.
  • Don't crash when a colour function is set only on fill.colors. Thanks @tplatenburg.
  • Keep values below the log base on a logarithmic axis.
  • Honour stepSize and 'dataPoints' ticks on a numeric x axis.
  • Fit tiny stacked values and stop extrema getters throwing.
  • Draw below-min values at the centre and honour label colours.
  • Stack each series group to 100% and stop mutating series.
  • Drop negative shading once an update removes negatives.
  • Keep forecast dashes, stacked nulls and flat gradients right.
  • Stop ragged stacked areas crossing between their points.
  • Keep a series hidden on a showAlways axis out of the stack.
  • Show stacked totals for untyped bar series in a combo chart.
  • Morph violins on update instead of regrowing them.
  • Read combo columns' styling and labels from their own series.
  • Place overlaid histograms on their bins and keep end columns.
  • Keep stacks whole past a short series and draw goals.
  • Measure total and range labels in their own font.
  • Morph duplicate categories and zoomed bars from their own bars.
  • Paint series dashes and line caps on the canvas renderer.
  • Stop truncated labels overrunning their maxWidth box.
  • Keep shadows and hover highlight on data point select.
  • Free the canvas renderer when a chart falls back to SVG.
  • Thin rangeArea end labels and keep markers.size intact.
  • Keep group order and ignore hidden or destroyed items.
  • Shade the gradient legend like the cells, drop it on hide.
  • Make gradient legend hover reach treemaps and every panel.
  • Fill split waffles from the raw value and cap scatter units.
  • Keep scatter ticks readable and points inside pinned axes.
  • Keep units that share a name on their own slots.
  • Draw fallback, inline and tinted marks as configured.
  • Keep arc seats and outer labels inside the chart.
  • Move waffle tracks with their cells and stop stale gathers.
  • Keep cells paired when a sibling is added or removed.
  • Colour flame graph frames apart and keep colours on sort.
  • Keep the zoom across re-renders and settle its animation.
  • Format node tooltip values and honour tooltip.y.formatter.
  • Draw cell labels in server-rendered charts.
  • Keep focus after keyboard zoom and pan only when zoomed.
  • Select on enter and show focus with the tooltip off.
  • Keep null skips from wrapping and reach every radial ring.
  • Move a combo's line hover dot when a column is nearest.
  • Drop the focus note when nav is off for the update.
  • Give a repeated category's bar its own part.
  • Place horizontal bars on a numeric axis in their own x row.
  • Lay out overlap rows, null ranges and combo series right.
  • Draw nothing for missing boxes and label each box once.
  • Place violins right on reversed, log and numeric axes.
  • Span colour scales over the data and darken any colour.
  • Show branch names, totals and shares right in tooltips.
  • Place, fit and fade in labels the way they are drawn.
  • Keep zoom focus, labels and breadcrumb right.
  • Shadow only the series dropShadow.enabledOnSeries names.
  • Draw arc labels under SSR and keep them upright.
  • Keep the zoom across re-renders and honour animate false.
  • Fire animationEnd and collapse removed arcs out.
  • Keep zoom reset and the crosshair sweep owned by the grid.
  • Move the heatmap strip arrow for panels mounted later.

Upgrading is npm install apexcharts@8.3.0.

Full changelog, with the detail behind each change: v8.2.0...v8.3.0

Don't miss a new apexcharts release

NewReleases is sending notifications on new releases.