EXTJs图表不呈现数据或图形

我用一些模拟数据创建了一个折线图，直接从EXTJs示例中提取。当我将其插入应用程序时，它在窗口中显示良好，但是，数据和所有图形不会显示。更有趣的是，当我点击“另存为图像”按钮（由示例提供）时，我得到了正确显示的数据、线条和图形，就像示例中一样。我还可以看到/记录数据正在生成。我被难住了

获取数据：

window.generateData = function(n, floor){
        var data = [],
            p = (Math.random() *  11) + 1,
            i;

        floor = (!floor && floor !== 0)? 20 : floor;

        for (i = 0; i < (n || 12); i++) {
            data.push({
                name: Ext.Date.monthNames[i % 12],
                data1: Math.floor(((Math.random() - 0.5) * 100), floor),
                data2: Math.floor(((Math.random() - 0.5) * 100), floor),
                data3: Math.floor(((Math.random() - 0.5) * 100), floor),
                data4: Math.floor(((Math.random() - 0.5) * 100), floor),
                data5: Math.floor(((Math.random() - 0.5) * 100), floor),
                data6: Math.floor(((Math.random() - 0.5) * 100), floor),
                data7: Math.floor(((Math.random() - 0.5) * 100), floor),
                data8: Math.floor(((Math.random() - 0.5) * 100), floor),
                data9: Math.floor(((Math.random() - 0.5) * 100), floor)
            });
        }
        return data;
    };

在我的窗口组件中，我只需添加：

...
items: [{
                xtype: 'container',
            id: 'dashboard-content',
                margin: 50,
                layout: 'fit',
                renderTo: Ext.getBody(),
            items: chart

            }]
...

在另存为图像时：

...
chart.save({
    type: 'image/png'
});
...

---

一切都已创建，数据已生成，图表显示和绘制，但没有任何线条或图形。同样，如果我保存为图像，它会下载一个正确显示所有内容的图像。提前谢谢

关于renderTo的文档：

如果该组件是某个组件的子项，请不要使用此选项 容器。这是集装箱布局经理的责任 以呈现和管理其子项

如果查看图表示例，您将看到只渲染最外层的容器（或窗口）

---

类似地，如果要在容器上指定“适合”布局，则在子组件上指定大小通常是多余的。

结果是，我的页面上加载了一些CSS冲突，导致图表中没有图形呈现。一旦我删除了ext上加载的其他CSS，图表就会呈现。

谢谢，是的，我根据文档使用renderTo选项来回切换，但是两个选项都会产生相同的结果，不会呈现。此外，如果我删除图表的宽度和高度，在容器上使用合适的布局，图表会显示为0px/0px>。

...
chart.save({
    type: 'image/png'
});
...