Highstock堆叠图表无法正确渲染，调整后更正

Question

我终于可以编写一个javascript函数来绘制带有highstocks的堆积图表。但是，有时图表未正确呈现，如链接所示：

但是在重新调整资源管理器窗口或图表时间栏后，它会恢复：

有人知道是否有解决方案吗？我添加了选项：

var chartOpts = {
    chart: {
        renderTo: "graphContainer",
        type: 'area'
    },
    title: {
        text: 'Fruit Consumption'
    },
    xAxis: {
         type: 'datetime',
         ordinal: false
    },
    yAxis: {
        title: {
            text: 'Fruit eaten'
        }
    },
    legend: {enabled: true},
    plotOptions: {
        area: {
            connectNulls: false,
            stacking: 'normal',
            lineColor: '#666666',
            lineWidth: 1,
            marker: {
                lineWidth: 1,
                lineColor: '#666666'
            }
        }
    },
    series: []
};

$.post('GetData',{fechaInicio:fechaInicio, fechaFin:fechaFin},function(dataXML) { 
           graficar(dataXML)
      });

提前致谢。