[O] Separate the generation of the gp dataset

src/pages/overall/graph-average/graph-average.ts

@@ -47,7 +47,7 @@ export default class GraphAverage extends Vue
                 {
                     type: 'bar',
                     barGap: '-100%',
-                    data: this.courses.map(course => [course.name, GPAUtils.getGP(course, course.letterGrade)]),
+                    data: this.generateGPData(),
 
                     label:
                     {
@@ -69,4 +69,22 @@ export default class GraphAverage extends Vue
 
         return settings;
     }
+
+    /**
+     * Generate GP data for each course
+     */
+    private generateGPData()
+    {
+        let data: any = [];
+
+        this.courses.forEach(course =>
+        {
+            data.push(
+            {
+                value: [course.name, GPAUtils.getGP(course, course.letterGrade)],
+            });
+        });
+
+        return data;
+    }
 }