💎 Version 5.6.0
Critical Fix: Tooltip and Chart Interactions Restored (#5168)
- Fixed a critical regression where tooltips were not appearing and chart interactions were completely blocked
- The
<foreignObject>element, which contains the legend wrapper, was incorrectly positioned as the last child in the SVG DOM, causing it to overlay and block all mouse events on the chart - Restored the correct DOM ordering by ensuring
<foreignObject>is always the first child element (at the back of the z-order), allowing chart interactions to work properly - This issue affected all chart types including column, scatter, heatmap, bar, and others
- The regression was introduced in v5.5.0 when accessibility features were added
- Added extensive test coverage to prevent future regressions of DOM element ordering
If you experienced tooltip or interaction issues in v5.5.0/v5.5.1, this release fully resolves those problems. Simply upgrade to v5.6.0 - no code changes required on your end.
💎 Version 5.5.0
ApexCharts now fully supports SSR for Next.js, Nuxt, SvelteKit, Astro, and other modern meta-frameworks! This has been one of the most requested features. (#4288)
Server-side rendering:
import ApexCharts from 'apexcharts/ssr'
const chartHTML = await ApexCharts.renderToHTML({
series: [{ data: [30, 40, 35, 50, 49, 60, 70] }],
chart: { type: 'bar' }
}, {
width: 500,
height: 300
})
Client-side hydration:
import ApexCharts from 'apexcharts/client'
// Hydrate specific chart
ApexCharts.hydrate(document.getElementById('my-chart'))
// Or hydrate all charts on the page
ApexCharts.hydrateAll()
Package exports:
- Browser:
import ApexCharts from 'apexcharts'(orapexcharts/client) - Node.js/SSR:
import ApexCharts from 'apexcharts/ssr' - Automatic environment detection via conditional exports
Added comprehensive accessibility features to make charts usable for everyone:
- ARIA labels and roles
- Keyboard navigation support
- Screen reader compatibility
- Semantic HTML structure
Browser bundles:
apexcharts.esm.js: 878 KB (unminified)apexcharts.common.js: 462 KB (minified CommonJS)apexcharts.min.js: 462 KB (minified UMD)
SSR bundles (new!):
apexcharts.ssr.esm.js: 891 KB (unminified ESM for Node.js)apexcharts.ssr.common.js: 467 KB (minified CommonJS for Node.js)
None! This release is fully backward compatible with v5.4.0.
💎 Version 5.4.0
- Complete tooling overhaul: Migrated from Rollup + Webpack + Babel to Vite for faster builds and better developer experience
- Testing modernization: Transitioned from Jest to Vitest for improved performance and native ESM support
- Removed SVG.js dependency: Replaced with a custom lightweight SVG utility, reducing bundle size and external dependencies
- Optimized object cloning - Significantly improved performance for data processing
- DOM query caching - Reduced redundant DOM lookups for better rendering performance
- Event delegation - Implemented event delegation pattern to improve event handling performance
- Treemap optimization - Enhanced Treemap-squared.js algorithm for better performance
- Fixed y-axis title getting cut off when using formatter (#5152)
- Fixed annotation rectangles drifting when browser zoom level is not 100%
- Fixed x-axis label repetition for very small numeric values (#5127)
- Fixed bar chart top rounding issues
- Fixed area chart fill color when using CSS variables
- Fixed shared tooltip showing invisible series
- Fixed stack-column-outline chart rendering issues
- Removed obsolete polyfills from all samples
- Converted Treemap to proper ES module export
- Created ChartFactory for future tree-shaking support
- Legend font-size now supports units other than pixels (rem, vh, etc.) (#5151)
- Refactored data handling architecture
- Applied code quality improvements across the codebase
- Improved unit test coverage across utility functions, datetime, and data processing modules
- Comprehensive unit test improvements across the library
- Enhanced E2E testing infrastructure
- Updated sample charts
Thank you to all contributors:
- @meronz - Annotation zoom fix
- @ptrgast - Greek locale improvements
- @unki - Legend font-size units fix
- @ZahidChandio - Multiple chart fixes
💎 Version 5.3.6
- fix shadow DOM height issue when using height 100%
- fix #5124; label formatter types
- fix(types): also use ApexParsing for ApexAxisChartSeries parsing prop by @damyanpetev in https://github.com/apexcharts/apexcharts.js/pull/5091
- Add Galician (gl) locale. by @torce in https://github.com/apexcharts/apexcharts.js/pull/5096
- feat: use blazediff instead of pixelmatch by @teimurjan in https://github.com/apexcharts/apexcharts.js/pull/5104
- Bugfix/5116 by @ksfchen in https://github.com/apexcharts/apexcharts.js/pull/5117
- @damyanpetev made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/5091
- @torce made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/5096
- @teimurjan made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/5104
- @ksfchen made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/5117
Full Changelog: https://github.com/apexcharts/apexcharts.js/compare/v5.3.3...v5.3.6
💎 Version 5.3.3
- Added data parsing support for candlestick, boxplot, rangeBar and bubble charts
- Reset parsing flags during update when data is parsed. Fixes updateSeries and updateOptions bugs when parsing data.
- Feature/control legend css injection by @leechoohyoung in https://github.com/apexcharts/apexcharts.js/pull/5074
- Unhide pan/zoomselect for mobile/touch devices by @vingerha in https://github.com/apexcharts/apexcharts.js/pull/5081
- Add a missing type and removes an unused type by @Jo-varo in https://github.com/apexcharts/apexcharts.js/pull/5065
- Update LICENSE by @jberes in https://github.com/apexcharts/apexcharts.js/pull/5087
- @leechoohyoung made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/5074
- @vingerha made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/5081
- @Jo-varo made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/5065
- @jberes made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/5087
Full Changelog: https://github.com/apexcharts/apexcharts.js/compare/v5.3.0...v5.3.3
💎 Version 5.3.0
- Data Parsing capabilites. ApexCharts now supports direct parsing and mapping of raw data objects, eliminating the need for manual data transformation. Complete documentation for this feature - https://apexcharts.com/docs/parsing-data/
- Pie/Donut/RadialBar series formats These chart types now support XY series formats making it consistent with the rest of the chart types. Read the documentation for this change - https://apexcharts.com/docs/series/
💎 Version 4.6.0
- Fix issue with fixed Tooltip not working on nonAxisChart by @hhjeee in https://github.com/apexcharts/apexcharts.js/pull/4959
- Fixing unnecessary chart destroy on create by @siczmj in https://github.com/apexcharts/apexcharts.js/pull/4970
- Extend annotation label text type to array by @dcrystalj in https://github.com/apexcharts/apexcharts.js/pull/4981
- fix annotation clipping calculation caused by unprecise floats by @philipp-hillebrecht in https://github.com/apexcharts/apexcharts.js/pull/4985
- fix: the wrong return type of the formatter function by @daiboom in https://github.com/apexcharts/apexcharts.js/pull/4988
- Fix incorrect parsing of e notation svg command values in graphics.roundPathCorners by @ablagoev in https://github.com/apexcharts/apexcharts.js/pull/4991
- Fix comparison bug in clipping calculation by @mutludev in https://github.com/apexcharts/apexcharts.js/pull/4995
- Added nonce in the types in option.chart.nonce by @himanshu27tasveer in https://github.com/apexcharts/apexcharts.js/pull/4993
- fix: resolve function not exists by @ismail-codar in https://github.com/apexcharts/apexcharts.js/pull/5020
- @hhjeee made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/4959
- @siczmj made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/4970
- @dcrystalj made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/4981
- @philipp-hillebrecht made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/4985
- @ablagoev made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/4991
- @mutludev made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/4995
- @himanshu27tasveer made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/4993
- @ismail-codar made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/5020
Full Changelog: https://github.com/apexcharts/apexcharts.js/compare/v4.5.0...v4.6.0
💎 Version 4.5.0
- getSvgString() method is now public which allows users to get SVG string of the chart by calling method on the chart instance.
- fixes #2963, fixes #3452; safari bugs fixed by removing legend from svg foreignObject
- fixes #4937; data label issue when hideZeroBarsWhenGrouped
- fixes #4940; fixes #4935; x-axis ticks improvements
- fix #4939; hideZeroBarsWhenGrouped in column chart
- fix #4932; tooltip color in pie/donut charts
Full Changelog: https://github.com/apexcharts/apexcharts.js/compare/v4.4.0...v4.5.0
💎 Version 4.4.0
- fix #4868; reflect marker shapes in tooltip
- fixes #1753; fixes #3641; markers disappearing after hover
- fixes #4790; fixes #4791; fix marker bug when null values were present
- Added support for the Angular compiler. by @jeroen1602 in https://github.com/apexcharts/apexcharts.js/pull/4691
- Fix getting decimal part of numbers close to 0 by @obiwac in https://github.com/apexcharts/apexcharts.js/pull/4909
- fix #3754; crosshair position in stacked columns
- fix #4890; radar chart marker over y-axis fix
- fix #3439; shared tooltip fix in bar chart
- fix #3661; series-title in multi-series treemap
- fix #4230; total stacked label alignment fix
- fix #4901; dataURI scaling issue
- fix #4897; fix bug which cropped line when value was zero
- fix #4904; x-axis range annotations disappearing on zoom
- fix #4907; multiple y-axis error when series is empty
- fix #4914; custom-tooltip was removed on redraw
- make default stroke.lineCap as square in bar charts
- fixes #4895; brush chart bugfix
- @jeroen1602 made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/4691
- @obiwac made their first contribution in https://github.com/apexcharts/apexcharts.js/pull/4909
Full Changelog: https://github.com/apexcharts/apexcharts.js/compare/v4.3.0...v4.4.0