Reply To: synchronize chart

[Manoj Mohan]

@ankitlwt,

Since you are setting interval individually for all the chart, the datapoints in the chart are not matching with each other. Instead you can render all the charts at the same time by looping around all the charts and pushing the datapoints with similar x-value to all chart.

function updateChart() {
  for(var i=0; i<charts.length; i++) {
    if(mapChartDataPoints[i] != null) {
      var dps = mapChartDataPoints[i];
      charts[i].options.data[0].dataPoints.push({x: new Date(dps[CounterDps].BATCH_TIME), y: parseFloat(dps[CounterDps].VALUE)});
      charts[i].data[0].dataPoints.shift();        
      charts[i].render();
    }
  }
  CounterDps++;
}

Please take a look at this updated sample project for complete working code.

—-
Manoj Mohan
Team CanvasJS