Repository navigation
Upgrade ApexCharts from 3.52 to 7.6 with the modular build - #277
Merged
Merged
Conversation
Replaces Dependabot's #233. main.js is assembled from apexcharts/core plus the five chart types the templates use and the legend feature (946 KB instead of 1.13 MB for the full build; 723 KB before). The ESM build no longer sets window.ApexCharts, so main.js does. Template adjustments to keep the charts looking as they did on 3.x: - time of day: tickAmount 12 (v7 places ticks at exactly max/tickAmount, 11 gave 2.18-hour steps) and solid bars (v3 ignored fill.opacity on bars) - channel treemap: no series-name badges, label every tile - timeline: colours pinned to what palette2 was in v3, tickAmount 12 so the axis ends at now instead of 40 minutes later Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
ApexCharts 7 picks hour-level ticks for the day-granular activity series and
formats them as "27 Sep 00:00" whatever datetimeFormatter says. Format the
ticks with a label formatter instead ("27 Sep"; the day alone would be
ambiguous now that ticks no longer fall on every day).
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
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.
Replaces Dependabot's #269 (and the earlier #233, #267), which only bump the version and cannot carry the changes below.
What
apexcharts3.52 -> 7.6.0 infrontend/package.json/ lockfile.main.jsis assembled fromapexcharts/coreplus only the chart types the templates draw (line, bar, heatmap, rangeBar, treemap) and the legend feature: 957 KB instead of 1.13 MB for the full build (723 KB on 3.x).window.ApexCharts, somain.jsdoes (the inline template scripts use the global).Template changes to keep the charts looking as they did on 3.x
tickAmount: 12(v7 places ticks at exactly max / tickAmount; 11 gave 2.18-hour steps) and solid bars (v3 ignoredfill.opacityon bars).palette2was in v3, andtickAmount: 12so the axis ends at now instead of 40 minutes later.datetimeFormattersays, so the x-axis now uses a label formatter that prints "27 Sep".Known differences from 3.x (checked side by side against the 3.52 build)
tickAmount,tickPlacement,maxand a category axis; none labels the last tick on a datetime axis, and a category axis is wrong here because days without activity are missing from the series (it closes the gaps).Testing
Built the image from this branch and ran it against a local Postgres. Checked in Chrome, dark theme, with no console errors:
?range=24): range bars, legend and time axis. The local data is old, so only one bar shows.Not checked:
CI on #269 (frontend bundle, build and test) was green; this branch adds the template changes on top of it.
🤖 Generated with Claude Code