draft: replace ApexCharts with Chart.js - #1264
Draft
Arnold Stoba (arnoldstoba) wants to merge 1 commit into
Draft
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
ApexCharts changed its license, so mt-chart now renders with Chart.js. The public props keep their ApexCharts-style shape; an adapter translates them, so consuming code is unchanged. Visual parity was matched against measured ApexCharts output: the smooth curve (Apex's horizontal-tangent bezier, reproduced via a small plugin), gradient fill colors, y-axis nice scale, axis label geometry and plot-area padding. Types line, area, bar, pie, donut, radar, polarArea, scatter and bubble map natively; circular charts accept Apex's numeric series shape. Storybook: theme switching now works on docs pages (channel-based ThemeProvider instead of a decorator) with themed docs preview cards. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Arnold Stoba (arnoldstoba)
force-pushed
the
feat/integrate-chartjs
branch
from
July 10, 2026 07:34
61da788 to
a471473
Compare
Arnold Stoba (arnoldstoba)
changed the title
Arnold Stoba (arnoldstoba)
changed the title
Arnold Stoba (arnoldstoba)
added
the
major release
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What?
Replaces ApexCharts with Chart.js as the
mt-chartrendering engine.Why?
ApexCharts changed its license (#1183).
How?
The public props keep their ApexCharts-style shape; an internal adapter translates them to a Chart.js config, so consuming code is unchanged. Visual output was matched against measured ApexCharts rendering: smooth curve (reproduced exactly via a small plugin), gradient fill, y-axis scale, label geometry, and plot-area padding. Types line, area, bar, pie, donut, radar, polarArea, scatter, and bubble map natively.
Not supported (fail soft): Apex formatter callbacks, datetime axes,
dataLabels.Also fixes Storybook theme switching on docs pages (channel-based ThemeProvider).
Testing?
29 unit tests (adapter, component, tooltip). Curve verified numerically against Apex's SVG path (RMS 0.001), gradient pixel-matched (±1 RGB), axis/plot geometry measured from Apex output.