Add range selection to line chart

[jamesblasco]

It would be an amazing option to be able to select a range in a line chart

I have implemented it like this now:

touchCallback: (LineTouchResponse touchResponse) {
              if (touchResponse.lineBarSpots.first.x != minX) {
                setState(() {
                  startRange = 1.0 * touchResponse.lineBarSpots.first.x;
                  endRange = startRange + 1;
                });
              }
},

And change the gradient colors stops relative to startRange and endRange.

The only problem I have now is that the spot is at the left border of the range, so the touchSpotThreshold it is not relative to the center of the range so the touch is displaced.
I need to put the spot in the borders and not in the centers so I can add vertical border lines to the selected range

[imaNNeo]

Hi, got it.
Can you please share your code?
I need to reproduce it easily to resolve it.
Thanks!

[jamesblasco]

Sorry the code it is a bit mixed with some logic for the opening hours and they are several files. The best solution for now i think it if it were possible to draw extra horizontal lines in ExtraLinesData that goes from the bottom to the line of the graph. Now they can only go from the bottom to the top