Rearrange Charts

Hi,
I got a request to build a dashboard with charts that the user can drag and drop the charts to rearrange the order. I built an example with only on chart moveable

https://1b4xnp.axshare.com/#g=1&p=home&c=1

It got quite complicated with just one chart.

I used the matching between the charts and background areas, so sometime it doesn’t work well around the border. I wonder if anyone has similar project before?

Thank you,
Hoyu

Hi Hoyu!

It looks like you’re on the right track by using the “area of widget” condition and dynamically moving the chart shapes respectively. This may be the most straightforward approach, although it will involve lots of conditional cases. Here’s a recent example that utilizes Local Variables to store each selected/dragged card:

which I grabbed from this thread:

And here’s the main explanation:

Hope that can help!

Thank you Alex! This is very helpful. I took this approach, it’s a lot more straight forward and elegant than my first attempt.

Here’s my try - https://1b4xnp.axshare.com/#g=1&p=home__1_&c=1

Thanks,
Hoyu

1 Like