no data module with multiple series in highcharts.js

Question

I am using highcharts.js to display line chart with multiple series dynamically from servlet .I am storing the series data in arrays and traversing them as follows:

                       series: [{  
                        name: 'series1',
                        data: (function () {
                        var data = [];

                        for (var i = 0; i <= datePV.length; i ++) {
                            data.push([
                                Date.parse(datePV[i]),
                                PVValues[i]
                            ]);
                        }
                        return data;
                    }())

                  },....

The problem is whenever one of the series has no data the whole chart display no data until legends are clicked individually. I want to display all the series with data and the series with no data should not overlap other series data.Need help.

Answer 1

I have modified set data function for the series in high charts and applied a check if(datePV.length>0) before for loop.It seems to have done the trick and code is working fine.This is the final code:

                      series: [{
                      name: 'PV',
                      data: (function () {

                        var data = [];
                       if(datePV.length>0)
                       {
                        for (var i = 0; i <= datePV.length; i ++) {
                            data.push([
                                Date.parse(datePV[i]),
                                PVValues[i]
                            ]);
                        }
                       }

                        return data;

                    }())

I hope it helps others facing the same issue.