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