diff --git a/src/logic/utils/graph-utils.ts b/src/logic/utils/graph-utils.ts
new file mode 100644
index 0000000..518265f
--- /dev/null
+++ b/src/logic/utils/graph-utils.ts
@@ -0,0 +1,21 @@
+import Constants from '@/constants';
+
+export default class GraphUtils
+{
+    /**
+     * Get term mark lines
+     */
+    static getTermLines()
+    {
+        return {
+            silent: true,
+            symbol: 'none',
+            lineStyle: {color: Constants.THEME.colors[2]},
+            animationDuration: 500,
+            data: Constants.TERMS.map((term, index) =>
+            {
+                return {xAxis: term.getTime(), label: {formatter: `Term ${index + 1}`}}
+            })
+        }
+    }
+}
diff --git a/src/pages/overall/overall-line/overall-line.ts b/src/pages/overall/overall-line/overall-line.ts
index 0b5a4bc..6ebbbfa 100644
--- a/src/pages/overall/overall-line/overall-line.ts
+++ b/src/pages/overall/overall-line/overall-line.ts
@@ -4,6 +4,7 @@ import Course from '@/logic/course';
 import Constants from '@/constants';
 import Navigation from '@/components/navigation/navigation';
 import {CourseUtils} from '@/logic/utils/course-utils';
+import GraphUtils from '@/logic/utils/graph-utils';
 
 @Component({
 })
@@ -43,17 +44,7 @@ export default class OverallLine extends Vue
             smooth: true,
 
             // Quarter lines
-            markLine:
-            {
-                silent: true,
-                symbol: 'none',
-                lineStyle: {color: Constants.THEME.colors[2]},
-                animationDuration: 500,
-                data: Constants.TERMS.map((term, index) =>
-                {
-                    return {xAxis: term.getTime(), label: {formatter: `Term ${index + 1}`}}
-                })
-            },
+            markLine: GraphUtils.getTermLines(),
 
             // Mark area
             markArea: