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

Pan / Scroll Sankey Chart? #76

Open
vade opened this issue Sep 21, 2022 · 1 comment
Open

Pan / Scroll Sankey Chart? #76

vade opened this issue Sep 21, 2022 · 1 comment
Labels
enhancement New feature or request

Comments

@vade
Copy link

vade commented Sep 21, 2022

Hello

Firstly, thanks for this plugin. I've been able to quickly get some awesome charts going. Much obliged.

For most of my data, I have charts that have a few sources (say 10 or less) and hundreds of outputs. I'd like to vertically scroll the Sankey chart, if possible. Considering the number out connections I have, having a very large vertical canvas results in noticeable lag / overhead.

(ie, simply making the canvas large isn't a great solution as im drawing 4k pixels vertically... )

Id like to limit the drawing and provide some mechanism to vertically scroll / pan. Im aware Chart.js has this feature, but unless I am mistaken I can't seem to find the right way of getting It to work with this plugin.

For example, here's a zoomed out chart to provide a visual example ( had to split it over 2 images)

Screen Shot 2022-09-21 at 10 25 13 AM
Screen Shot 2022-09-21 at 10 25 50 AM

Is there a simple example of a working scrolling solution for Sankey charts?

Secondly, is there a way to pin some elements to a fixed / relative to the viewport on screen position? I'd love my left side elements to remain at the top even when scrolling, so one has a consistent reference point.

Thank you again!

@kurkle
Copy link
Owner

kurkle commented Nov 12, 2022

Nice looking chart :)

It could be possible to make this compatible with the zoom plugin, but that would not help with the pinning.

I like the idea of pinning and scrolling. Maybe one level zoom to the smallest column would work and the other columns could then be scrolled?
In your case the left column would fill the height and right column would be partially visible (and scrollable).

@kurkle kurkle added the enhancement New feature or request label Nov 12, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants