Filler plugin draws on full chart area with stacked scales #12052
Labels
Comments
adrianbrs
added a commit
to adrianbrs/Chart.js
that referenced
this issue
Apr 13, 2025
…harts The filling area must respect the dataset's clipping area when clipping is enabled. Before this change, the line would be clipped according to the dataset's area but the fill would overlap other datasets. Closes chartjs#12052
LeeLenaleee
pushed a commit
that referenced
this issue
Apr 14, 2025
* fix(plugin.filler): respect dataset clipping area when filling line charts The filling area must respect the dataset's clipping area when clipping is enabled. Before this change, the line would be clipped according to the dataset's area but the fill would overlap other datasets. Closes #12052 * chore(plugin.filler): use @ts-expect-error instead of @ts-ignore
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Expected behavior
Fill area should be clipped to the top/bottom of the scale that the dataset is associated to.
Current behavior
Fill area is drawn on full chart area, regardless the scale boundaries.
Reproducible sample
https://codepen.io/ZielaA/pen/XJWoJEw
Optional extra steps/info to reproduce
No response
Possible solution
In file filler.drawing.js in function
clipBoundschange the drawing areafrom
const {top, bottom} = scale.chart.chartArea;to
const {top, bottom} = scale;Context
No response
chart.js version
4.4.0
Browser name and version
No response
Link to your project
No response
The text was updated successfully, but these errors were encountered: