Javascript ExtJS不渲染

我有一个从中获取的ExtJS代码，我正在尝试运行它并进行一些编辑，以查看它是如何变化的

但图表根本没有显示出来

你知道怎么画这个图吗

Ext.create('Ext.Container', {
    renderTo: Ext.getBody(),
    width: 600,
    height: 400,
    layout: 'fit',
    items: {
        xtype: 'cartesian',
        store: {
            fields: ['time', 'open', 'high', 'low', 'close'],
            data: [{
                    'time': new Date('Jan 1 2010').getTime(),
                    'open': 600,
                    'high': 614,
                    'low': 578,
                    'close': 590
                },
                {
                    'time': new Date('Jan 2 2010').getTime(),
                    'open': 590,
                    'high': 609,
                    'low': 580,
                    'close': 580
                },
                {
                    'time': new Date('Jan 3 2010').getTime(),
                    'open': 580,
                    'high': 602,
                    'low': 578,
                    'close': 602
                },
                {
                    'time': new Date('Jan 4 2010').getTime(),
                    'open': 602,
                    'high': 614,
                    'low': 586,
                    'close': 586
                },
                {
                    'time': new Date('Jan 5 2010').getTime(),
                    'open': 586,
                    'high': 602,
                    'low': 565,
                    'close': 565
                }
            ]
        },
        axes: [{
            type: 'numeric',
            position: 'left',
            fields: ['open', 'high', 'low', 'close'],
            title: {
                text: 'Sample Values',
                fontSize: 15
            },
            grid: true,
            minimum: 560,
            maximum: 640
        }, {
            type: 'time',
            position: 'bottom',
            fields: ['time'],
            fromDate: new Date('Dec 31 2009'),
            toDate: new Date('Jan 6 2010'),
            title: {
                text: 'Sample Values',
                fontSize: 15
            },
            style: {
                axisLine: false
            }
        }],
        series: {
            type: 'candlestick',
            xField: 'time',
            openField: 'open',
            highField: 'high',
            lowField: 'low',
            closeField: 'close',
            style: {
                dropStyle: {
                    fill: 'rgb(237, 123, 43)',
                    stroke: 'rgb(237, 123, 43)'
                },
                raiseStyle: {
                    fill: 'rgb(55, 153, 19)',
                    stroke: 'rgb(55, 153, 19)'
                }
            }
        }
    }
});

我还尝试添加一个div并将其渲染到其中，但它不起作用

<div id = "frm"></div>

/*...*/

renderTo : 'frm'

/*...*/
renderTo:“frm”

我不完全确定原因是否是因为ExtJS版本，但基于Sencha文档，ExtJS版本5.0.0中引入了烛台图表

Ext.chart.series.candlestick

---

如果我错了，请纠正我。

在中使用任何图表之前，您需要在

app.json

文件中要求

sencha图表

，否则无法解决

错误

。没有类似的直接

图表gpl

库

有关更多详细信息，请参阅此

这里是extjs5.0.1，您可以在这里检查图表是否工作良好，因为这里提供了外部gpl图表库

我希望在这个答案的帮助下，您将在工作代码中解决您的问题

从中获取代码并将其添加到文档中，或者更改文档示例中的代码。