[O] Separate series creation with the main settings

src/pages/course/course-scatter/course-scatter.ts

@@ -3,6 +3,7 @@ import Constants from '@/constants';
 import {FormatUtils} from '@/logic/utils/format-utils';
 import moment from 'moment';
 import Course, {Assignment} from '@/logic/course';
+import GraphUtils from '@/logic/utils/graph-utils';
 
 @Component({
 })
@@ -27,22 +28,6 @@ export default class CourseScatter extends Vue
      */
     get chartSettings()
     {
-        // Map assignments
-        let map = this.mapAssignments();
-
-        // Scatter data point style
-        let itemStyle =
-        {
-            normal:
-            {
-                opacity: 0.8,
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowOffsetY: 0,
-                shadowColor: 'rgba(0, 0, 0, 0.2)'
-            }
-        };
-
         // Create settings
         let settings =
         {
@@ -114,7 +99,33 @@ export default class CourseScatter extends Vue
             },
 
             // Data
-            series: Array.from(map, ([type, assignments]) =>
+            series: this.series()
+        };
+
+        return settings;
+    }
+
+    /**
+     * Get series data
+     */
+    private series()
+    {
+        // Scatter data point style
+        let itemStyle =
+        {
+            normal:
+            {
+                opacity: 0.8,
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowOffsetY: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.2)'
+            }
+        };
+
+        // Create scatter plots
+        let map = this.mapAssignments();
+        let series: any = Array.from(map, ([type, assignments]) =>
         {
             return {
                 type: 'scatter',
@@ -122,10 +133,9 @@ export default class CourseScatter extends Vue
                 data: CourseScatter.assignmentsData(assignments),
                 itemStyle: itemStyle
             }
-            })
+        });
-        };
 
-        return settings;
+        return series;
     }
 
     /**

src/pages/course/course-scatter/course-scatter.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="course-scatter">
-        <ve-scatter height="450px" class="graph" :extend="{heyIUsedCourseObject: this.course.name}" :after-config="afterConfig"></ve-scatter>
+        <ve-scatter height="450px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-scatter>
     </div>
 </template>