search

kurkle / chartjs-chart-sankey

Chart.js module for creating sankey diagrams
MIT License
142 stars 27 forks source link

Flow Background Rendering Issue: Incomplete Flow Backgrounds #114

Open MarekSuchanek opened 3 weeks ago

MarekSuchanek commented 3 weeks ago

When using the Chart.js Sankey plugin, some flows have incomplete backgrounds, leading to visual gaps in the chart (see the bottom & top flow in the attached image). This issue seems to affect the rendering of the background for certain flows. Changing the size usually moves the issue to other flows / other parts of the same flow. Any ideas what could cause this (tried also suggestions from https://github.com/chartjs/Chart.js/issues/11310 but no luck)?

image

(Using chart.js 4.4.3 and chartjs-chart-sanked 0.12.1)

kurkle commented 3 weeks ago

Does this reproduce in other browsers? This looks like a browser issue to me.

MarekSuchanek commented 3 weeks ago

True, thanks for pointing me to this direction... both Chrome 127.0.6533.120 and Edge 127.0.2651.105 have this issue; but in Firefox 129.0.1 and Safari 17.5 it seems to work fine.

I also found out that turning off graphics acceleration of rendering helps as well. That is a bit inconvenient as majority of the users will have it enabled and use Chrome.