Merge pull request #910 from biigle/addMonthWithoutAnnotations

 Fill empty months in timeline chart

resources/assets/js/projects/components/charts/timelinePlot.vue

@@ -86,11 +86,30 @@ export default {
             let xAxis = this.annotationTimeSeries.map((entry) => {
                 return entry.yearmonth.toString();
             });
+            // sort the yearmonths entries
+            xAxis = xAxis.sort();
+
             // filter duplicated yearsmonth
             xAxis = [...new Set(xAxis)];
+            
+            // fill in the missing yearmonths
+            for (let i = 0; i < xAxis.length - 1; i++) {
+                let currentYearMonth = xAxis[i];
+                let nextYearMonth = xAxis[i + 1];
+                let currentDate = new Date(currentYearMonth);
+                let nextDate = new Date(nextYearMonth);
+                while (currentDate.getMonth() < nextDate.getMonth() - 1 || currentDate.getFullYear() < nextDate.getFullYear()) {
+                    currentDate.setMonth(currentDate.getMonth() + 1);
+                    let year = currentDate.getFullYear();
+                    let month = currentDate.getMonth() + 1;
+                    let yearMonth = year + '-' + (month < 10 ? '0' + month : month);
+                    xAxis.splice(i + 1, 0, yearMonth);
+                    i++;
+                }
+            }
 
             // sort the years (increasing)
-            return xAxis.sort();
+            return xAxis;
         },
     },
     computed: {
@@ -118,11 +137,12 @@ export default {
                 }
                 idDict[id] = yearDict;
             }
-            // console.log('xAxis: ', xAxis);
-            // console.log('ID: ', id_unique);
+        
+        
 
             // assemble the annotations of each user in correct order of year
             // each user has its own year-timeseries in idDict (e.g. {id: {"2020":10, "2021":4, "2022":6]})
+
             for (let yearmonth of xAxis) {
                 for (let entry of dat) {
                     if (entry.yearmonth.toString() === yearmonth) {