Hello there,
I'm using an igDataChart with multiple series. The series are of type bubble and scatterLine (see attached image: Capture1). The scatter lines are used as simple lines, each scatter line series has a dataSource consisting of two points. These two points are outside the charts window of view; only the lines can be seen by the user (as in Capture1).
These lines are to be added or removed by the user. Removal is done using the remove option in series. For example, to remove a single scatterLine:
$('#myDataChart').igDataChart('option', 'series' [{ name: 'myScatterLineSeries', remove: true}]);
Adding a scatterLine is done by getting the chart series array, then pushing a scatterLine series to the array, then setting the chart series.
For example:
var mySeries = $('#myDataChart').igDataChart('option', 'series');
mySeries.push(myScatterLineSeries);
$('#myDataChart').igDataChart('option', 'series', mySeries);
The scatterLines add and remove appropriately, but the issue is that sometimes, in Chrome, when adding or removing these scatterLines some markers (or bubbles, as seen in Capture1) will become stuck to the chart. That is, when panning or zooming, the markers do not move. This does not occur in IE or Firefox. Sometimes there is an error thrown in Chrome developer tools when this happens:
Uncaught TypeError: Cannot read property 'f' of null
If the error is expanded it says:
s @ infragistics.dv.js:86
ret @ infragistics.util.js:25
If I "pretty print" (or unminify) the js files, it says:
s @ infragistics.dv.js:formatted:88576
ret @ infragistics.util.js:formatted:5409
This seems to be a bug in the infragistics code:
The issue doesn't exist in IE or Firefox
The error only points back to infragistics files
Similar methods are used elsewhere in the program without a problem.
I will probably not have time to create a sample that exhibits this bug. But, I can provide more information.
Hello Rayn,
Please share a sample with your configuration or similar which demonstrates this issue, provide the version of the Chrome browser also.
Looking foward for your update.
The version of Chrome is: 51.0.2704.103 m
The configuration is an igDataChart with bubble and scatterLine series. There are multiple bubble series which use a single dataSource, and multiple scatterLine series which each have there own dataSource consisting of two points. Users can add or remove a number of scatterLines from the chart. This adding and removing sometimes causes the bubbles to become stuck.
Can the purpose of the error not be seen using the error code and location I gave you?
Hello,
I was not able to reproduce the behaviour that you're seeing on your side. I have attached the sample project I used to test this. Please test this project on your side; whether or not it works correctly may help indicate the nature of this issue.
If this sample project is not an accurate demonstration of what you're trying to do, please feel free to modify it and send it back, or send a small sample project of your own if you have one.Please let me know if I can provide any further assistance.
Clicking the "Add scatter line" does not add a line to the chart.
Hello Ryan,
I have update the sample from my preivous reply, now the series are being added.
Looking forward for hearing from you
Please provide the script you're using to initialize the chart and add series to it.
Thank you for your effort in attempting to replicate the situation in which the error occurs. But, the sample is not as I have described. Note, the PNG in my first post has bubble series and scatter line series. The scatter lines are the straight, blue lines across the chart. These scatter line series consist of two data points, which is why they are straight. Scatter lines should be able to be added/removed without changing the bubble series.