From c5fe405389716f2466c24de1fbd7afd554799ed0 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Wed, 27 Dec 2023 09:53:45 +0000
Subject: [PATCH] Updated the scale to be between 0 and 9

---
 src/pages/stats.tsx | 56 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/src/pages/stats.tsx b/src/pages/stats.tsx
index f5dd2136..f919d9bb 100644
--- a/src/pages/stats.tsx
+++ b/src/pages/stats.tsx
@@ -319,6 +319,14 @@ export default function Stats() {
 										</div>
 										<Chart
 											type="line"
+											options={{
+												scales: {
+													y: {
+														min: 0,
+														max: 9,
+													},
+												},
+											}}
 											data={{
 												labels: [...Array(31).keys()]
 													.map((day) => {
@@ -521,6 +529,14 @@ export default function Stats() {
 										</div>
 										<Chart
 											type="line"
+											options={{
+												scales: {
+													y: {
+														min: 0,
+														max: 9,
+													},
+												},
+											}}
 											data={{
 												labels: Object.keys(
 													groupBySession(
@@ -574,6 +590,14 @@ export default function Stats() {
 										<div className="w-full md:max-w-2xl border border-mti-gray-platinum p-4 pb-12 rounded-xl h-fit md:h-96">
 											<span className="text-sm font-bold">Reading Score Band in Interval</span>
 											<Chart
+												options={{
+													scales: {
+														y: {
+															min: 0,
+															max: 9,
+														},
+													},
+												}}
 												type="line"
 												data={{
 													labels: intervalDates.map((date) => moment(date).format("DD/MM/YYYY")),
@@ -603,6 +627,14 @@ export default function Stats() {
 										<div className="w-full md:max-w-2xl border border-mti-gray-platinum p-4 pb-12 rounded-xl h-fit md:h-96">
 											<span className="text-sm font-bold">Listening Score Band in Interval</span>
 											<Chart
+												options={{
+													scales: {
+														y: {
+															min: 0,
+															max: 9,
+														},
+													},
+												}}
 												type="line"
 												data={{
 													labels: intervalDates.map((date) => moment(date).format("DD/MM/YYYY")),
@@ -632,6 +664,14 @@ export default function Stats() {
 										<div className="w-full md:max-w-2xl border border-mti-gray-platinum p-4 pb-12 rounded-xl h-fit md:h-96">
 											<span className="text-sm font-bold">Writing Score Band in Interval</span>
 											<Chart
+												options={{
+													scales: {
+														y: {
+															min: 0,
+															max: 9,
+														},
+													},
+												}}
 												type="line"
 												data={{
 													labels: intervalDates.map((date) => moment(date).format("DD/MM/YYYY")),
@@ -661,6 +701,14 @@ export default function Stats() {
 										<div className="w-full md:max-w-2xl border border-mti-gray-platinum p-4 pb-12 rounded-xl h-fit md:h-96">
 											<span className="text-sm font-bold">Speaking Score Band in Interval</span>
 											<Chart
+												options={{
+													scales: {
+														y: {
+															min: 0,
+															max: 9,
+														},
+													},
+												}}
 												type="line"
 												data={{
 													labels: intervalDates.map((date) => moment(date).format("DD/MM/YYYY")),
@@ -690,6 +738,14 @@ export default function Stats() {
 										<div className="w-full md:max-w-2xl border border-mti-gray-platinum p-4 pb-12 rounded-xl h-fit md:h-96">
 											<span className="text-sm font-bold">Level Score Band in Interval</span>
 											<Chart
+												options={{
+													scales: {
+														y: {
+															min: 0,
+															max: 9,
+														},
+													},
+												}}
 												type="line"
 												data={{
 													labels: intervalDates.map((date) => moment(date).format("DD/MM/YYYY")),