diff --git a/src/logic/utils/graph-utils.ts b/src/logic/utils/graph-utils.ts
index 46d767c..665a1ec 100644
--- a/src/logic/utils/graph-utils.ts
+++ b/src/logic/utils/graph-utils.ts
@@ -2,6 +2,8 @@ import Constants from '@/constants';
 
 export default class GraphUtils
 {
+    static DOT = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:{color}"></span>';
+
     /**
      * Get term mark lines
      */
diff --git a/src/pages/course/course-scatter/course-scatter.ts b/src/pages/course/course-scatter/course-scatter.ts
index d841df9..42b4045 100644
--- a/src/pages/course/course-scatter/course-scatter.ts
+++ b/src/pages/course/course-scatter/course-scatter.ts
@@ -9,8 +9,6 @@ import GraphUtils from '@/logic/utils/graph-utils';
 })
 export default class CourseScatter extends Vue
 {
-    private static DOT = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:{color}"></span>';
-
     @Prop({required: true}) course: Course;
 
     /**
@@ -82,7 +80,7 @@ export default class CourseScatter extends Vue
                     type: 'cross'
                 },
                 formatter: (ps: any[]) => ps[0].data[0] + '<br>' + ps.map(p =>
-                    `${CourseScatter.DOT.replace('{color}', p.color)}
+                    `${GraphUtils.DOT.replace('{color}', p.color)}
                     ${FormatUtils.limit(p.data[2], 22)}: ${p.data[1]}%<br>`).join('')
             },