ExtJS 4 绘图和图表示例不是绘图

Question

这让我发疯，我尝试了多种不同的选择。我正在此处浏览所有材料，试图在一个项目中将尽可能多的 ExtJS 4 塞进我的大脑中。在绘图和图表部分有两个示例。下面，第一个示例绘制了一个黄色圆圈，第二个示例没有绘制圆圈。为什么？

第一个示例（绘制黄色圆圈）：

Ext.application({
name: 'HelloExt',
launch: function(){
    var drawComponent = Ext.create('Ext.draw.Component', {
        viewBox: false,
        items: [{
            type: 'circle',
            fill: '#ffc',
            radius: 100,
            x: 100,
            y: 100
        }]
    });

    Ext.create('Ext.Window', {
        width: 230,
        height: 230,
        layout: 'fit',
        items: [drawComponent]
    }).show();
}
});

第二个示例（不绘制圆圈）：

Ext.application({
name: 'HelloExt',
launch: function(){
    // Create a draw component
    var drawComponent = Ext.create('Ext.draw.Component', {
        viewBox: false
    });

    // Create a window to place the draw component in
    Ext.create('Ext.Window', {
        width: 220,
        height: 230,
        layout: 'fit',
        items: [drawComponent]
    }).show();

    // Add a circle sprite
    var myCircle = drawComponent.surface.add({
        type: 'circle',
        x: 100,
        y: 100,
        radius: 100,
        fill: '#cc5'
    });
}
});

我尝试了无数种将 Sprite 添加到 drawComponent 的方法，唯一有效的方法是将其作为 drawComponent 实例化中项目的声明成员。我在控制台中没有收到任何错误。

Answer 1

该修复涉及将 .show(true) 添加到 sprite 语句的末尾。像这样：

var myCircle = drawComponent.surface.add({
    type: 'circle',
    x: 100,
    y: 100,
    radius: 100,
    fill: '#cc5'
}).show(true);

我真的希望这已经出现在 ExtJS 4 文档中。