extjs5 统计图表加载不出来，空白页面

调试没报错，有警告[W] [Ext.define] Duplicate class name 'Ext.chart.CartesianChart' specified, must be a non-empty string
<!DOCTYPE html>



<!-- extjs -->








<br> Ext.application({<br> launch: function () {<br> Ext.create(&#39;Ext.Container&#39;, {<br> //renderTo: Ext.getBody(),<br> requires: [&quot;sencha-charts&quot;],<br> width: 600,<br> height: 400,<br> layout: &#39;fit&#39;,<br> items: {<br> xtype: &#39;cartesian&#39;,<br> store: {<br> fields: [&#39;name&#39;, &#39;data1&#39;, &#39;data2&#39;, &#39;data3&#39;, &#39;data4&#39;, &#39;data5&#39;],<br> data: [<br> { &#39;name&#39;: &#39;metric one&#39;, &#39;data1&#39;: 10, &#39;data2&#39;: 12, &#39;data3&#39;: 14, &#39;data4&#39;: 8, &#39;data5&#39;: 13 },<br> { &#39;name&#39;: &#39;metric two&#39;, &#39;data1&#39;: 7, &#39;data2&#39;: 8, &#39;data3&#39;: 16, &#39;data4&#39;: 10, &#39;data5&#39;: 3 },<br> { &#39;name&#39;: &#39;metric three&#39;, &#39;data1&#39;: 5, &#39;data2&#39;: 2, &#39;data3&#39;: 14, &#39;data4&#39;: 12, &#39;data5&#39;: 7 },<br> { &#39;name&#39;: &#39;metric four&#39;, &#39;data1&#39;: 2, &#39;data2&#39;: 14, &#39;data3&#39;: 6, &#39;data4&#39;: 1, &#39;data5&#39;: 23 },<br> { &#39;name&#39;: &#39;metric five&#39;, &#39;data1&#39;: 27, &#39;data2&#39;: 38, &#39;data3&#39;: 36, &#39;data4&#39;: 13, &#39;data5&#39;: 33 }<br> ]<br> },<br> axes: [{<br> type: &#39;numeric&#39;,<br> position: &#39;left&#39;,<br> fields: [&#39;data1&#39;],<br> title: {<br> text: &#39;Sample Values&#39;,<br> fontSize: 15<br> },<br> grid: true,<br> minimum: 0<br> }, {<br> type: &#39;category&#39;,<br> position: &#39;bottom&#39;,<br> fields: [&#39;name&#39;],<br> }],<br> series: {<br> type: &#39;scatter&#39;,<br> fill: true,<br> xField: &#39;name&#39;,<br> yField: &#39;data3&#39;,<br> }<br> }<br> });<br> }<br> });<br>