Onrefresh function is not calling ..i cant see console.log in browser

[maniprasad]

this.datasets = [{
  label: 'Dataset 1 (linear interpolation)',
  backgroundColor: "red",
  borderColor: "yellow",
  fill: false,
  lineTension: 0,
  borderDash: [8, 4],
  data: [
    {y: 0.74, x: 1558531380957},
    {y: 0.96, x: 1558531379950},
    {y: 1.08, x: 1558531378942},
    {y: 1.11, x: 1558531377939},
  ]
}, {
  label: 'Dataset 2 (cubic interpolation)',
  backgroundColor: "pink",
  borderColor: "green",
  fill: false,
  cubicInterpolationMode: 'monotone',
  data:[{y: 0.74, x: 1558531380957},
    {y: 0.96, x: 1558531379950},
    {y: 4.08, x: 1558531378942},
    {y: 0.11, x: 1558531377939},
    {y: 0.13, x: 1558531376932},
  ]
}];
this.options =  {
  scales: {
    xAxes: [{
      type: 'time',
      realtime: {
        duration: 20,
        refresh: 1000,
        delay: 1000,
        pause: false,
        ttl: undefined,
        // a callback to update datasets
        onRefresh: (chart: any) => {
          console.log("chart");
          // append the new data array to the existing chart data
          // Array.prototype.push.apply(chart.data.datasets[0].data, data);
        }
      }
    }]
  },
  plugins: {
    streaming: {            // per-chart option
      frameRate: 30       // chart is drawn 30 times every second
    }
  }
};

[maniprasad]

plz , help me to fix this..

[nagix]

Your configuration works as expected generating log output (see https://jsfiddle.net/nagix/azownchs/).
By the way, duration is in millisecond, so 20 is too small to see. Try to set it to 20000.

[nagix]

Closing as answered.