Chart is not rendering

[sandeepmnit35]

I want to add the series on the basis of one parameter and number of series will depend on the parameter so I will be making the array of series like below :

  for(i=0; i<4;i++)
                                {
                                    ReplayAnalytics.app.serieschart[i] = {
                                        type: 'line',
                                    axis: 'left',
                                    //gutter: 80,
                                    highlight: true,
                                    xField: ReplayAnalytics.app.xs[ReplayAnalytics.app.currentActivePanelIndex],
                                    yField: ReplayAnalytics.app.groupByValueBar[i],
                                    title:  ReplayAnalytics.app.groupByBarLabels[i]
                                };
                                    }

I want to add this series array to my chart . I am using below code but it is not rendering the graph. It is showing the legend labels only.

createLineChartGroupBy: function(store,chartIndex) {
        
        RA.app.newChart[RA.app.currentActivePanelIndex] = new Ext.chart.Chart({
            id: 'chart'+RA.app.currentActivePanelIndex,
            store: store,
            renderTo: Ext.getBody(),
            flex: 1,
            shadow: true,
            autoShow: true,
            animate: { duration: RA.app.animateSpeed, delay: 0, easing: 'ease' },
            maxGutter: [10, 10],
            legend: {
                position: 'right',
            },
            axes: [
                {
                    type: 'Numeric',
                    position: 'left',
                    fields:[RA.app.groupByValueBar[0],RA.app.groupByValueBar[1],RA.app.groupByValueBar[2],RA.app.groupByValueBar[3],"others"],
                    label: {
                        renderer: Ext.util.Format.numberRenderer('0,0'),
                    },
                    title: RA.app.ys[RA.app.currentActivePanelIndex],
                    minimum: 0,
                    maximum: RA.app.Ymax[RA.app.currentActivePanelIndex]
                },
                {
                    type: 'Category',
                    position: 'bottom',
                    fields: RA.app.xs[RA.app.currentActivePanelIndex],
                    title: RA.app.xs[RA.app.currentActivePanelIndex]
                }
            ],
            
            //series: [RA.app.serieschart],
        }); 
             //var oldSeries = RA.app.newChart[RA.app.currentActivePanelIndex].series.pop();
               RA.app.newChart[RA.app.currentActivePanelIndex].setSeries(RA.app.serieschart);
               RA.app.newChart[RA.app.currentActivePanelIndex].setStore(store);
               RA.app.newChart[RA.app.currentActivePanelIndex].getStore().sync();
    },

Any one know what mistake I am doing here.

[mitchellsimoens]

The series needs to be defined at instantiation not at runtime.