apexcharts/apexcharts.js v5.5.0

💎 Version 5.5.0

on GitHub

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.