[Chartjs]-Chartjs real time graph x axis movement

by

0👍

Your code works as expected, only thing that you are missing is your y axis does not have range defined and it is being dynamically adjusted.

In order to achieve this I have extended your options to look like this.

var option = {
  showLines: true,
  scales: {
    yAxes: [{
      display: true,
      ticks: {
        beginAtZero:true,
        min: 0,
        max: 100  
      }
    }]
  }
};

I have defined min and max value for y axis and it is not jumping anymore.

Here is a working fiddle

Leave a comment