在ExtJS 4.2.2中使用Highcharts

Question

我尝试使用Highcharts i ExtJS。 我写了我的app.js：

Ext.onReady(function () {
            Ext.define('myModel', {
                extend: 'Ext.data.Model',
                fields: [{ name: 'month' }, { name: 'value' }]
            });

            Ext.define('myStore', {
                extend: 'Ext.data.Store',
                model: 'myModel',
                data: [{
                    month: '1',
                    value: 1
                }, {
                    month: '2',
                    value: 12
                }]
            });

            var sto = Ext.create('myStore');

            var win = new Ext.create('Ext.window.Window', {
                layout: 'fit',
                width: 480,
                height: 320,
                items: [{
                    xtype: 'highchart',
                    series: [{
                        dashStyle: 'DashDot',
                        dataIndex: 'value'
                    }],
                    xField: 'month',
                    store: sto,
                    chartConfig: {
                        chart: {
                            type: 'spline'
                        },
                        title: {
                            text: 'A simple graph'
                        }
                    }
                }]
            }).show();
        });

页面加载时没有错误，但表单上没有任何图表。 我检查过，在DOM中添加了一些元素，但我无法在表单上看到它。 重要的是，添加的元素不包含SVG组件，它们只是ID为DIV（空DIV），如：＆＃39; highchart-1010-north-handle＆＃39;。

这是我在ExtJS中的第一个高级样本。 我使用this作为示例，但结果相同 - 没有错误，但表单上也没有任何图表。

我做错了什么吗？

我分享了full example。