From fc625c8edbc69790fc7eff2ea44906b7b9e53a30 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 29 Sep 2019 17:38:53 -0400
Subject: [PATCH] [+] Truncate text if too long

---
 src/pages/overall/graph-average/graph-average.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/overall/graph-average/graph-average.ts b/src/pages/overall/graph-average/graph-average.ts
index d0b1787..557baf8 100644
--- a/src/pages/overall/graph-average/graph-average.ts
+++ b/src/pages/overall/graph-average/graph-average.ts
@@ -34,7 +34,13 @@ export default class GraphAverage extends Vue
                 axisLabel: {
                     interval: 0,
                     inside: false,
-                    rotate: 90
+                    rotate: 60,
+
+                    // Truncate text length
+                    formatter: (value: string, index: number) =>
+                    {
+                        return value.length <= 16 ? value : value.substr(0, 14) + '...';
+                    }
                 },
             },