apexcharts 8.8.0

💎 Version 8.8.0

on Node.js NPM

A minor release: charts can follow an Ignite UI theme, two new family tokens, and colour fixes.

Ignite UI theming is an opt-in add-on. Import apexcharts/features/ignite-ui (or load dist/features/ignite-ui.js after apexcharts.js) and charts take their series colours, text, gridlines, tooltips, menus, font and light or dark variant from the Ignite UI theme on the page. Without the add-on, --ig-* variables are ignored. theme.designSystem: false turns it off for one chart.

New tokens: --apx-font-family sets the chart font, --apx-radius-factor scales the built-in corner radii, and a registered theme takes tokens.font.

Behaviour changes to check when upgrading:

• A chart.foreColor, grid colour or axis colour the page sets now wins over --apx-fore, --apx-grid and a named theme's tokens, even when it equals the default.
• --apx-font-family and a named theme's tokens.font set the chart font unless the page sets chart.fontFamily. The context menu, the ink card and the trellis headers, legend and title follow it too (the menus used Helvetica).
• apexcharts.min.js grows by about 4.9 KB gzipped: the token layers moved onto apex-commons 0.10.0, plus the colour fixes. The add-on is 3.7 KB.

✨ New

• Follow an Ignite UI theme loaded on the page.
• Scale fixed corner radii by --apx-radius-factor.
• Style tooltips and menus from the Ignite UI theme.
• Load Ignite UI theming from an opt-in add-on.

🐛 Fixes

• Align horizontal bar points with the row. Thanks @itisrmk.
• Keep custom legend markers fully opaque (#4711). Thanks @itisrmk.
• Pass context to y formatter in range tooltips. Thanks @itisrmk.
• Keep the selected slice in the centre label (#4013). Thanks @itisrmk.
• Leave no gap for a hidden y axis (#5004). Thanks @nk-batman21.
• Paint modern CSS colours and container-scoped variables.
• Keep a named foreColor, apply a late dark mode on render 1.
• Let ApexCharts.exec reach refreshTokens.

The default bundle is 282,423 B gzipped, up 4,892 B (1.8%) from 8.7.0. The full bundle is 408,174 B gzipped, up 5,497 B (1.4%) from 8.7.0.

Upgrading is npm install apexcharts@8.8.0.

Full changelog, with the detail behind each change: v8.7.0...v8.8.0