I am working on an app that we show a chart to a user and let the user decide what values they want to focus on. The requirement is that the user should be able to pick multiple ranges or just multiple single value but not both.
For example: On a chart, we showing on x-axis like this: 100-200, 200-300, 300-400. Then the user can either select: 100 to 200 and 300-400 , Or the user select: 100 or 300 or 400, But not both like this: 100 to 200 and 300.
Can anyone give a suggestion on how to layout the UI for this? Thank you
EDIT: adding a graphical image