apexcharts/apexcharts.js
 Watch   
 Star   
 Fork   
9 days ago
apexcharts.js

💎 Version 5.6.0

Bug Fixes

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

Comprehensive DOM Ordering Tests

  • 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.

10 days ago
apexcharts.js

💎 Version 5.5.0

Major Features

Server-Side Rendering (SSR) Support

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' (or apexcharts/client)
  • Node.js/SSR: import ApexCharts from 'apexcharts/ssr'
  • Automatic environment detection via conditional exports

Accessibility Support

Added comprehensive accessibility features to make charts usable for everyone:

  • ARIA labels and roles
  • Keyboard navigation support
  • Screen reader compatibility
  • Semantic HTML structure

📦 Bundle Sizes

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)

Breaking Changes

None! This release is fully backward compatible with v5.4.0.

12 days ago
apexcharts.js

💎 Version 5.4.0

🚀 Major Changes

Build System Modernization

  • 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

Performance Improvements

  • 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

🐛 Bug Fixes

  • 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)

Refactoring & Code Quality

  • Refactored data handling architecture
  • Applied code quality improvements across the codebase
  • Improved unit test coverage across utility functions, datetime, and data processing modules

Testing Improvements

  • Comprehensive unit test improvements across the library
  • Enhanced E2E testing infrastructure
  • Updated sample charts

💝 Contributors

Thank you to all contributors:

2025-11-03 23:39:49
apexcharts.js

💎 Version 5.3.6

What's Changed

New Contributors

Full Changelog: https://github.com/apexcharts/apexcharts.js/compare/v5.3.3...v5.3.6

2025-08-12 00:23:51
apexcharts.js

💎 Version 5.3.3

What's Changed

New Contributors

Full Changelog: https://github.com/apexcharts/apexcharts.js/compare/v5.3.0...v5.3.3

2025-07-21 22:40:04
apexcharts.js

💎 Version 5.3.0

What's changed

  • 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/
2025-04-25 18:02:26
apexcharts.js

💎 Version 4.7.0

What's Changed

Cleaned up misplaced resolve() call in updateOptions()

2025-04-25 18:02:26
apexcharts.js

💎 Version 4.6.0

What's Changed

New Contributors

Full Changelog: https://github.com/apexcharts/apexcharts.js/compare/v4.5.0...v4.6.0

2025-02-14 03:46:44
apexcharts.js

💎 Version 4.5.0

What's Changed

  • 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

2025-01-22 18:55:03
apexcharts.js

💎 Version 4.4.0

What's Changed

  • 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

New Contributors

Full Changelog: https://github.com/apexcharts/apexcharts.js/compare/v4.3.0...v4.4.0