I have implemented a Chart.js graph in a Blazor project for monitoring a flow. The x and y values are updated approximately once every second (not at exact intervals) when window.updateHistory(measureData) is called. The y-axis is fixed, but the x-axis, which shows the values for the last 30 seconds, changes size. This causes the graph, the green lines in the image, and the time ticks to jump back and forth. I expect these elements to remain stable during updates.

I have implemented a Chart.js graph in a Blazor project for monitoring a flow. The x and y values are updated approximately once every second (not at exact intervals) when window.updateHistory(measureData) is called. The y-axis is fixed, but the x-axis, which shows the values for the last 30 seconds, changes size. This causes the graph, the green lines in the image, and the time ticks to jump back and forth. I expect these elements to remain stable during updates.