javascript - ExtJS Highcharts 重新制图加载掩码挂起

Question

在我的代码片段中，Deferred/Promise 返回一个名为 myChart 的已配置 Highchart Chart 对象。第一次通过时，我的图表被添加到一个容器中，一切都完美呈现。但是，在我的逻辑执行 removeAll 以刷新容器的后续调用中，我的图表呈现灰色，loadMask(“正在加载...”)一直旋转。

我已经调查了 myChart 对象数据的方差，它似乎是稳定的。我什至尝试渲染更简化的图表对象，并且在每种情况下后续渲染都会随着 loadMask 旋转而挂起。

关于为什么它可能卡在所有后续调用上的任何想法？？

我在一些相关的线程中读到缓冲可能是一个问题，但我认为这不适用，因为我正在使用数组并使用存储对象将数据加载到图表中。

提前感谢您的任何提示或指示!

// Set chart data
that._setChartData().then({

    success: function( myChart ) {
        // Render chart
        if (gridContainer.items.length > 0) {
            // Remove/Clear container objects ... if exists
            Ext.Array.each( gridContainer.items, function( aItm ) {
                switch( aItm.itemId ) {
                    case 'topbox':
                        break;

                    case 'buttonBox':
                        if ( aItm.items.length > 0 ) {
                            aItm.removeAll( true );
                        }
                        break;

                    case 'sliderBox':
                        if ( aItm.items.length > 0 ) {
                            aItm.removeAll( true );
                        }
                        break;

                    case 'chartbox':
                        if ( aItm.items.length > 0 ) {
                            aItm.removeAll();
                        }
                        break;
                }
            });
        }
        that.down('#chartbox').add(myChart);
    }
});

Answer 1

我怀疑存在渲染错误，因为当我将其添加到我的代码中时(在定义应用程序之前)，替换图表有效:

Ext.override(Rally.ui.chart.Chart,{
    onRender: function () {
        this.callParent(arguments);
        this._unmask();
    }
});