Spark line chart appendData logs "dfsfgdgdgdf" and is not updating the chart

[robinwassen]

I took the spark1 from the spark line demo and tried to append data by adding the following:

setInterval(function() {
  spark1.appendData({
    data: [ 20 ]
  });
}, 300);

The data is not appended and 'dfsfgdgdgdf' is printed to the console every 300:th ms. Looking in the source code there is a random console log there:

apexcharts.js/src/modules/ZoomPanSelection.js

Line 203 in 8281a07

console.log('dfsfgdgdgdf')

[robinwassen]

In addition to that appendData() documentation is inconsistent: https://apexcharts.com/docs/methods/#appendData

Name	Type	Default	Description
newData	Array	[ ]	The data array to append the existing series datasets

While the example suggest that you send an object to appendData()

[robinwassen]

The documentation for https://apexcharts.com/docs/methods/#updateSeries is also wrong

chart.updateSeries([
  data: [32, 44, 31, 41, 22]
])

The argument in the example is an array with a named key which is invalid javascript, it is supposed to be:

chart.updateSeries([{
  data: [32, 44, 31, 41, 22]
}])

updateSeries actually works for the spark lines though.

[junedchhipa]

Thanks for bringing this to attention.

The documentation was indeed wrong for the updateSeries() and appendData() methods, and I updated it on the website.

Also, removed the random console.logs.

I will check the appendData() with sparklines

[junedchhipa]

The appendData() method works correctly with the updated doc. It was missing the array parenthesis.
The correct format would be this as updated in the website docs recently

setInterval(function() {
      spark3.appendData([{
        data: [20]
      }]);
    }, 1000);

Here's the result

[robinwassen]

@junedchhipa Thank you for the quick response, this solves my issues! 👍