Hello Muhammad,
I have been investigating into the behavior you are seeing, and I am curious to know what your data source looks like in this case? I ask, as I have put together a sample with 100 points, and the null data points do not draw markers, as shown below:
This data source looks like the following, where “Number” is the value member path of the line series:
public initData(){ let _data: any[] = [];
for(let i=0; i<100; i++){
let item = { Label: "Item " + i.toString(), Number: i};
if(i < 40 && i > 20){ item.Number = null; } _data.push(item); } this.data = _data;}
Please let me know if you have any other questions or concerns on this matter.
is there any way to hide last market point ? or hide based on condition
You can dynamically hide markers in the IgxDataChart by hooking the assigningCategoryMarkerStyle event on the series in the chart. Please note that this event is an “opt-in” event in that you need to set the isCustomCategoryMarkerStyleAllowed property on your series to true for it to fire, as it will fire for each item in the series that will be drawing a marker.
In this event, you can get the underlying data item that it is drawing a marker for, and if you want to hide it, you can set its fill and stroke properties to transparent.
I am attaching a sample project to demonstrate this. I hope it helps you.
DynamicMarkerHiding.zip
It skipping 11 points in the function ?
any way to fix it ?