Hello There...

I am working on a project on crypto currencies paper trading and I am using MERN stack. In which, I am using IgniteUI library for IgrFinancialChart.

Is there any way for showing loading animation while data is not fetched yet inside the chart container.

Attaching the code and screenshot for the reference :

<IgrFinancialChart
                        ref={chartRef}
                        // tooltipTemplate={CustomTooltip}
                        toolTipType="data"
                        xAxisAutoScale={false}
                        xAxisMod="time"
                        // xAxisMinimumValue={today}
                        // xAxisMaximumValue={endOfDay}
                        xAxisLabelVisibility="collapsed"
                        width="100%"
                        height="100%"
                        isToolbarVisible={false}
                        chartType="Candle"
                        chartTitle={Symbol}
                        titleAlignment="Left"
                        titleLeftMargin="25"
                        titleTopMargin="10"
                        titleBottomMargin="10"
                        subtitle="Binance - CryptoCoin Price, Currency in USD"
                        subtitleAlignment="Left"
                        subtitleLeftMargin="25"
                        subtitleTopMargin="5"
                        subtitleBottomMargin="10"
                        yAxisMode="Numeric"
                        yAxisVisibility={false}
                        yAxisLabelVisibility="collapsed"
                        finalValueAnnotationsVisible={false}
                        zoomSliderType="None"
                        dataSource={testData}
                        transitionInEasingFunction="cubic"
                    />