Thanks
Hello Muhammad,
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.
Please let me know if you have any other questions or concerns on this matter.
DynamicMarkerHiding.zip
is there any way to hide last market point ? or hide based on condition
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;}