Stretch beyond chart limits

[jashan12345]

I Have Line Chart , Suppose there is data up to 100 amount and user want to drag beyond the 100 say 200 , how will it be possible for user to go beyond chart limits?

[chrispahm]

Hey @jashan12345,

unfortunately, I don't really see a simple way for achieving this. The most common way is to "force" axis boundaries using

const myChartOptions = {
  type: 'line', // or radar, bar, horizontalBar, bubble
  data: {...}, 
  options: {
    plugins: {dragData: true},
    scales: {
      y: {
        max: 25,
        min: 0
      }
    }
  }
}

This way, you can tell Chart.js to increase the padding of the chart to your desired range.
Is this helpful?

[jashan12345]

ok any suggestion if value is unimageable

[chrispahm]

Still thinking this is bad UX though...
https://jsfiddle.net/6bw8e7fu/14/

[jashan12345]

ok Thanks For Helping me out , but I was finding To do this functionality with having slider ,

[chrispahm]

Not really, as I'm still not seeing any scenario where I would want users to drag to any value outside the charts boundaries.
Again, if you could explain such a scenario, there might be another more favorable approach to take

[jashan12345]

Suppose we want to forecast the data in that case user can drag outside the chart boundaries