Javascript Ext JS多系列图表
我想使用ExtJS 4.2.1创建一个包含3个不同系列的折线图,但只显示其中一个,我不知道我做错了什么。我从XML文件中获取数据并将其添加到存储:Javascript Ext JS多系列图表,javascript,extjs,charts,store,Javascript,Extjs,Charts,Store,我想使用ExtJS 4.2.1创建一个包含3个不同系列的折线图,但只显示其中一个,我不知道我做错了什么。我从XML文件中获取数据并将其添加到存储: Ext.each(arrayOfHeaps, function(item) { var storeObject; if (item.description === 'HeapTotal') {
Ext.each(arrayOfHeaps, function(item) {
var storeObject;
if (item.description === 'HeapTotal') {
storeObject = {'heapTotalValue': item.value, 'heapTotalDate': new Date(item.date)};
}
else if (item.description === 'HeapUsed') {
storeObject = {'heapUsedValue': item.value, 'heapUsedDate': new Date(item.date)};
}
else {
storeObject = {'heapFreeValue': item.value, 'heapFreeDate': new Date(item.date)};
}
store.add(storeObject);
});
它似乎工作得很好。控制台中打印的存储区中的一个元素:
heapFreeDate:""
heapFreeValue:""
heapTotalDate:Thu May 11 2017 04:10:00 GMT+0200 (Środkowoeuropejski czas letni)
heapTotalValue:1607680
heapUsedDate:""
heapUsedValue:""
创建图表的代码:
title: 'Wartość',
type: 'Numeric',
position: 'left',
fields: ['heapTotalValue', 'heapFreeValue', 'heapUsedValue'],
grid: true
},{
title: 'Czas',
type: 'Time',
position: 'bottom',
fields: ['heapTotalDate', 'heapFreeDate', 'heapUsedDate'],
dateFormat: 'H:i:s.u',
fromDate: new Date('2017-05-11T04:10:00.055+02:00'),
toDate: new Date('2017-05-11T12:30:00.005+02:00'),
grid: true
}],
series: [{
type: 'line',
id: 'tilingChart',
fields:['heapTotalValue', 'heapTotalDate'],
yField: 'heapTotalValue',
xField: 'heapTotalDate'
},{
type: 'line',
id: 'memoryChart',
fields:['heapFreeValue', 'heapFreeDate'],
xField: 'heapFreeValue',
yField: 'heapFreeDate'
},{
type: 'line',
id: 'defaultChart',
fields:['heapUsedValue', 'heapUsedDate'],
xField: 'heapUsedValue',
yField: 'heapUsedDate'
}]
图表已创建,但忽略了第二和第三个系列您的问题的任何演示链接?请检查您是否已将轴正确添加到图表中。对于X&Y,您可能需要从系列中添加所需的轴。@AnandSingh我在其他地方寻找解决方案,但我没有检查X和Y轴的定义是否正确(一旦X是日期,一旦它是数字)。这么愚蠢的错误。谢谢!!欢迎我第一次做图表时也遇到了同样的困难。