Updated the scale to be between 0 and 9

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")),