Expected behavior
Line chart, one smooth line like on Webkit-based Browsers.
Example (Safari 16.2):
Current behavior
Line chart, there are multiple lines. One resembling the actual data points, two intersecting this line.
Example (Firefox 116):
Reproducible sample
https://codepen.io/raxer23/pen/PoXzzXG
Optional extra steps/info to reproduce
Managed to reproduce this with multiple datasets, but it only occurs under some yet to be determined instances.
Seems like some sort of rendering issue; changing aspect ratio can make the lines go away for one dataset, but another might trigger it again. Another thing that can temporarily prevent the issue on some datasets is setting alignToPixels on the y axis to true.
Possible solution
No response
Context
I'm trying to render a chart on a webpage.
chart.js version
v4.3.2
Browser name and version
Firefox 116
Link to your project
No response
Expected behavior
Line chart, one smooth line like on Webkit-based Browsers.
Example (Safari 16.2):
Current behavior
Line chart, there are multiple lines. One resembling the actual data points, two intersecting this line.
Example (Firefox 116):
Reproducible sample
https://codepen.io/raxer23/pen/PoXzzXG
Optional extra steps/info to reproduce
Managed to reproduce this with multiple datasets, but it only occurs under some yet to be determined instances.
Seems like some sort of rendering issue; changing aspect ratio can make the lines go away for one dataset, but another might trigger it again. Another thing that can temporarily prevent the issue on some datasets is setting
alignToPixelson the y axis totrue.Possible solution
No response
Context
I'm trying to render a chart on a webpage.
chart.js version
v4.3.2
Browser name and version
Firefox 116
Link to your project
No response