Hello Muhammad,

I have been looking into your question, however, I'm not sure I understood your requirement and exact scenario completely. In case you require to have custom loading indicator of the igx-chart component what I could suggest is using the ngif directive. When the data starts to load, you will display a custom loading template with another component (for example a linear bar), or an image, or svg, etc. Then when the data is loaded you will display the igx-chart component. In addition, I have prepared a small sample illustrating my suggestion which could be found here.

On the other hand, if your requirement is changing the default grid loading indicator of the igx-grid component what I could suggest is using the loadingGridTemplate property and create a custom template which would replace the default loading indicator. Again you can customize it with another component (for example a linear bar), an image, or svg. Here could be found a sample application that demonstrates this approach.

Please do not hesitate to contact me if you need any further assistance with this matter.

Regards,

Georgi Anastasov

Entry Level Software Developer

Infragistics