Javascript Ext JS多系列图表

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') {

我想使用ExtJS 4.2.1创建一个包含3个不同系列的折线图,但只显示其中一个,我不知道我做错了什么。我从XML文件中获取数据并将其添加到存储:

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是日期,一旦它是数字)。这么愚蠢的错误。谢谢!!欢迎我第一次做图表时也遇到了同样的困难。