Skip to content
ExplainOct 20, 2026· 0:22· 7 views

apexcharts.js #4966: tooltip seriesName formatter bug — no longer reproduces on v4.1.x

0:22 total

Comments · 0

Be the first to comment.

Explanationby SceneRecap AI

This silent 22 second recording shows a verification page for apexcharts.js issue #4966, about the tooltip yAxis seriesName formatter. At 1.0s the page loads a grouped bar chart with three series: S1 Data, S1b Data and S2 Data. The left axis, labeled 'S1 axis', runs from 40 S1 to 70 S1. The right axis, labeled 'S2 axis (opposite)', runs from 25 S2 to 55 S2. The instruction text says to hover any bar group and check that row 3 of the tooltip ends with "S2". A green banner claims the tooltip for "S2 Data" correctly shows the S2 suffix on v4.1.x.

From 3.0s to 21.0s the tooltip is shown over several month groups in turn. At 3.0s May shows S1 Data 56 S1, S1b Data 98 S1 and S2 Data 26 S2. At 5.0s and 7.0s April shows 57 S1, 101 S1 and 36 S2. At 9.0s May appears again. At 11.0s and 13.0s July shows 58 S1, 105 S1 and 48 S2. At 15.0s and 17.0s August shows 63 S1, 91 S1 and 52 S2. At 19.0s and 21.0s June shows 61 S1, 87 S1 and 45 S2. In every tooltip captured, row 3 (S2 Data) ends with the S2 suffix, which is what the page says the fix should produce.

Two details are worth checking. First, the banner at 1.0s refers to v4.1.x, and the user title also says v4.1.x, but the footer at 1.0s reads ApexCharts v4.7.0, npm apexcharts@4. The recording therefore shows the behavior on v4.7.0, not on a v4.1.x build. Second, the S1b Data tooltip values (for example 98 S1 at 3.0s and 101 S1 at 5.0s) do not appear to match the S1b bar heights on the S1 axis, which top out at 70 S1. The S1b bars sit roughly between 43 and 62 on that axis. The event log records no mouse events, so the hovering is inferred only from the tooltips that appear in the frames.

Key moments

Verification page loads with the grouped bar chart, the green 'Fixed' banner and a footer showing ApexCharts v4.7.0
May tooltip: S2 Data shows 26 S2
April tooltip: S2 Data shows 36 S2
May tooltip shown again with the same values
July tooltip: S2 Data shows 48 S2
August tooltip: S2 Data shows 52 S2
June tooltip: S2 Data shows 45 S2

What to know

  • •In every captured tooltip (3.0s to 21.0s), row 3 'S2 Data' ends with the S2 suffix, which matches the expected fixed behavior.
  • •The banner at 1.0s says v4.1.x, but the footer at 1.0s shows ApexCharts v4.7.0. The recording does not show a v4.1.x build.
  • •S1b Data tooltip values (98, 101, 105, 91, 87 S1) look much larger than the S1b bar heights on the 40 to 70 S1 axis. This may be a separate data or scaling issue.
  • •S1 Data and S2 Data tooltip values match their bar heights on their own axes. For example, May S2 is 26 S2 at 3.0s, close to the bottom of the right axis.
  • •No interaction events were logged. The hovers are inferred from the tooltips visible in the frames, and the recording has no narration.

Glossary

seriesName (yAxis option)
An ApexCharts yAxis setting that ties a series to a named axis, so the series uses that axis's scale and label formatter.
yAxis formatter
A function that formats axis and tooltip values. On this page it appends 'S1' or 'S2' to the number.
opposite axis
A y-axis drawn on the right side of the chart. Here it is the 'S2 axis (opposite)'.
Shared tooltip
A tooltip that lists every series' value for the hovered category, such as one month.

Your recordings could explain themselves too.

Free plan · silent recordings welcome · bug reports included.

Try SceneRecap free →
apexcharts.js #4966: tooltip seriesName formatter bug — no longer reproduces on v4.1.x · SceneRecap