Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] Fill area outside the chart area #4450

Closed
nagix opened this issue Jul 2, 2017 · 0 comments · Fixed by #4451
Closed

[BUG] Fill area outside the chart area #4450

nagix opened this issue Jul 2, 2017 · 0 comments · Fixed by #4451
Milestone

Comments

@nagix
Copy link
Contributor

nagix commented Jul 2, 2017

Expected Behavior

Fill area should be drawn inside the chart area.

Current Behavior

Currently, fill area is drawn outside the chart area if the axis has ticks.min, ticks.max or elements.line.capBezierPoints set to false, and a data point exists outside the scale.

Possible Solution

Clip the chart area before filler plugin draws.

Steps to Reproduce

See: https://jsfiddle.net/nagix/hwe2rva2/

Environment

Chart.js version: 2.6.0
Browser name and version: Chrome 59.0.3071.109, FireFox 54.0, Safari 10.1.1

nagix added a commit to nagix/Chart.js that referenced this issue Jul 2, 2017
- Add clip and unclip around doFill() call
- This fixes chartjs#4450
etimberg pushed a commit that referenced this issue Jul 4, 2017
- Add clip and unclip around doFill() call
- This fixes #4450
@etimberg etimberg added this to the Version 2.7 milestone Jul 4, 2017
yofreke pushed a commit to yofreke/Chart.js that referenced this issue Dec 30, 2017
- Add clip and unclip around doFill() call
- This fixes chartjs#4450
exwm pushed a commit to exwm/Chart.js that referenced this issue Apr 30, 2021
- Add clip and unclip around doFill() call
- This fixes chartjs#4450
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants