I have chart where the X and Y values change based on the inputs in the two dropdown menus.
To make it responsive, I’ve created a second set of dropdowns for mobile (basically my app hides the initial dropdowns when the page width is narrower than a certain width and shows the second set of dropdowns).
My problem is that I’m using conditions to change the X and Y values, and there’s now conflicting conditions between the “Desktop” set of dropdowns and the “Mobile” set of dropdowns.
EG the “Desktop” set of dropdowns might show “All Time” but the “Mobile” set of dropdowns might show "7 Days’. This means the chart doesn’t update to “All Time” if the (hidden) Mobile dropdown has a value of “7 Days”.
Has anyone else dealt with this problem in the past? I’m sure there’s an easy solution I’m not thinking of