Points are displayed with a delay rather than immediately. Part 2

• September 23, 2024 at 9:22 am #59837
  
  Diano4ka

  I encountered this problem when displaying data in real time: the graph is not displayed until a certain number of points have accumulated. As soon as there are enough points (I don’t know exactly how many points are needed), they are “spitted out” at once and a graph is drawn. Then the points are added and drawn smoothly. But in the first moments there is an accumulation and a sharp display. I found a workaround – specify minimum on the X axis, for example the current time minus 1 minute, and then the graph begins to be drawn from the first point and smoothly. But now I need to remove this temporary smooth display fix.
  Please tell me, is there any setting that allows you to display data from the first point, without accumulating the minimum required points along the X axis?
  Example, interval 1 minute. The data (dots) comes every 3 seconds, and with this setup I will only see them after 30-60 seconds.

  https://jsfiddle.net/c0Lbg1uh/

  Please tell me how can I see the points immediately on the chart without setting a minimum?

  September 23, 2024 at 6:54 pm #59847
  
  Thangaraj Raman

  @diano4ka,

  The first few datapoints are not displayed initially because you are setting the x-axis interval to 1 minute, however, there is insufficient data to show a 1-minute interval. Setting the interval to 1 minute after there is data for more than a minute will fix this as shown in the code snippet below:

  if(this.options.data[0].dataPoints.length > 30) {
  	 this.options.axisX.interval = 1;
     this.options.axisX.intervalType = 'minute';
  }

  Please check this updated JSFiddle for a working example.

  —
  Thangaraj Raman
  Team CanvasJS

  September 30, 2024 at 9:00 pm #59865
  
  Diano4ka

  Thank you!

  October 8, 2024 at 2:52 pm #59912
  
  Thangaraj Raman

  @diano4ka,

  We have released Chart v3.10.11 with a few bug fixes related to axis. Please refer to the release blog for more information. Do download the latest version from our download page and let us know your feedback.

  —
  Thangaraj Raman
  Team CanvasJS