touchstudy-core 0.1.40 → 0.1.42

package/dist/index.js

@@ -2125,7 +2125,7 @@ var extra_time$1 = "Extra time";
 var complete$1 = "Complete";
 var current_exam$1 = "Current exam";
 var current_time$1 = "Current time";
-var exam_time$1 = "Extra time";
+var exam_time$1 = "Exam time";
 var time_remaining$1 = "Time remaining";
 var number_results$1 = "{{number}}  Results";
 var number_result$1 = "{{number}} Result";
@@ -8431,681 +8431,760 @@ var Roles$1;
   Roles["Admin"] = "Admin";
 })(Roles$1 || (Roles$1 = {}));
 var EXAM_RESULT = {
-  "id": 6047,
-  "teacherId": 1,
-  "title": "EXAMPLE EXAM",
-  "examSessionId": 8,
-  "description": "",
-  "image": "",
-  "type": "",
-  "teacherName": "Admin",
-  "teacherAvatar": "https://lh3.googleusercontent.com/a/ACg8ocKoBjuFGZfJYrpnWcDgDRSy0AcVYTOP6s-WWLgxecLmRg=s96-c",
-  "finishTime": "0001-01-01T00:00:00+00:00",
-  "status": 3,
-  "startTime": "2024-03-13T04:28:48.768643+00:00",
-  "duration": "01:00:00",
-  "student": {
-    "id": 1001,
-    "phoneNumber": "",
-    "email": "",
-    "avatar": "https://lh3.googleusercontent.com/a/ACg8ocKtZwjUWLrcUGGP8Vf4i39FjR8rWYz0rDzwcpUBwgyDxm4=s96-c",
-    "parentName": "",
-    "parentPhoneNumber": "",
-    "schoolName": "Academy",
-    "className": "1",
-    "major": "",
-    "roles": []
+  id: 6047,
+  teacherId: 1,
+  title: "EXAMPLE EXAM",
+  examSessionId: 8,
+  description: "",
+  image: "",
+  type: "",
+  teacherName: "Admin",
+  teacherAvatar: "https://lh3.googleusercontent.com/a/ACg8ocKoBjuFGZfJYrpnWcDgDRSy0AcVYTOP6s-WWLgxecLmRg=s96-c",
+  finishTime: "0001-01-01T00:00:00+00:00",
+  status: 3,
+  startTime: "2024-03-13T04:28:48.768643+00:00",
+  duration: "01:00:00",
+  student: {
+    id: 1001,
+    phoneNumber: "",
+    email: "",
+    avatar: "https://lh3.googleusercontent.com/a/ACg8ocKtZwjUWLrcUGGP8Vf4i39FjR8rWYz0rDzwcpUBwgyDxm4=s96-c",
+    parentName: "",
+    parentPhoneNumber: "",
+    schoolName: "Academy",
+    className: "1",
+    major: "",
+    roles: []
   },
-  "questions": [{
-    "id": 8144,
-    "selectedAnswers": "1",
-    "correctAnswers": "2",
-    "isStar": false,
-    "duration": 320.939,
-    "classAverageTime": 238.939,
-    "topDuration": 180.939,
-    "answerResponseSignal": 0,
-    "isCorrect": false,
-    "answerTime": "2024-03-13T04:29:00.685+00:00",
-    "article": 1,
-    "category": {
-      "parentCategoryId": 5,
-      "name": "New category",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 7
+  questions: [{
+    id: 8144,
+    selectedAnswers: "1",
+    correctAnswers: "2",
+    isStar: false,
+    duration: 320.939,
+    classAverageTime: 238.939,
+    topDuration: 180.939,
+    answerResponseSignal: 0,
+    isCorrect: false,
+    answerTime: "2024-03-13T04:29:00.685+00:00",
+    article: 1,
+    category: {
+      parentCategoryId: 5,
+      name: "New category",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 7
     },
-    "overallCorrectRate": 77,
-    "questionOrder": 0
+    overallCorrectRate: 77,
+    questionOrder: 0
   }, {
-    "id": 8145,
-    "selectedAnswers": "2",
-    "correctAnswers": "3",
-    "isStar": false,
-    "duration": 2.014,
-    "classAverageTime": 2.014,
-    "topDuration": 2.014,
-    "answerResponseSignal": 1,
-    "isCorrect": false,
-    "answerTime": "2024-03-13T04:29:02.7+00:00",
-    "article": 1,
-    "category": {
-      "parentCategoryId": 5,
-      "name": "New category",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 7
+    id: 8145,
+    selectedAnswers: "2",
+    correctAnswers: "3",
+    isStar: false,
+    duration: 2.014,
+    classAverageTime: 2.014,
+    topDuration: 2.014,
+    answerResponseSignal: 1,
+    isCorrect: false,
+    answerTime: "2024-03-13T04:29:02.7+00:00",
+    article: 1,
+    category: {
+      parentCategoryId: 5,
+      name: "New category",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 7
     },
-    "overallCorrectRate": 64,
-    "questionOrder": 1
+    overallCorrectRate: 64,
+    questionOrder: 1
   }, {
-    "id": 8146,
-    "selectedAnswers": "1",
-    "correctAnswers": "2",
-    "isStar": false,
-    "duration": 72.244,
-    "classAverageTime": 52.244,
-    "topDuration": 24.244,
-    "answerResponseSignal": 1,
-    "isCorrect": false,
-    "answerTime": "2024-03-13T04:29:04.944+00:00",
-    "article": 1,
-    "category": {
-      "parentCategoryId": 5,
-      "name": "New category",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 7
+    id: 8146,
+    selectedAnswers: "1",
+    correctAnswers: "2",
+    isStar: false,
+    duration: 72.244,
+    classAverageTime: 52.244,
+    topDuration: 24.244,
+    answerResponseSignal: 1,
+    isCorrect: false,
+    answerTime: "2024-03-13T04:29:04.944+00:00",
+    article: 1,
+    category: {
+      parentCategoryId: 5,
+      name: "New category",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 7
     },
-    "overallCorrectRate": 85,
-    "questionOrder": 2
+    overallCorrectRate: 85,
+    questionOrder: 2
   }, {
-    "id": 8147,
-    "selectedAnswers": "1",
-    "correctAnswers": "1",
-    "isStar": false,
-    "duration": 1.373,
-    "classAverageTime": 1.373,
-    "topDuration": 1.373,
-    "answerResponseSignal": 4,
-    "isCorrect": true,
-    "answerTime": "2024-03-13T04:29:06.317+00:00",
-    "article": 1,
-    "category": {
-      "parentCategoryId": 5,
-      "name": "New category",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 7
+    id: 8147,
+    selectedAnswers: "1",
+    correctAnswers: "1",
+    isStar: false,
+    duration: 1.373,
+    classAverageTime: 1.373,
+    topDuration: 1.373,
+    answerResponseSignal: 4,
+    isCorrect: true,
+    answerTime: "2024-03-13T04:29:06.317+00:00",
+    article: 1,
+    category: {
+      parentCategoryId: 5,
+      name: "New category",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 7
     },
-    "overallCorrectRate": 78.88,
-    "questionOrder": 3
+    overallCorrectRate: 78.88,
+    questionOrder: 3
   }, {
-    "id": 8148,
-    "selectedAnswers": "3",
-    "correctAnswers": "4",
-    "isStar": false,
-    "duration": 120.683,
-    "classAverageTime": 132.683,
-    "topDuration": 110.683,
-    "answerResponseSignal": 2,
-    "isCorrect": false,
-    "answerTime": "2024-03-13T04:29:07+00:00",
-    "article": 1,
-    "category": {
-      "parentCategoryId": 5,
-      "name": "New category",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 7
+    id: 8148,
+    selectedAnswers: "3",
+    correctAnswers: "4",
+    isStar: false,
+    duration: 120.683,
+    classAverageTime: 132.683,
+    topDuration: 110.683,
+    answerResponseSignal: 2,
+    isCorrect: false,
+    answerTime: "2024-03-13T04:29:07+00:00",
+    article: 1,
+    category: {
+      parentCategoryId: 5,
+      name: "New category",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 7
     },
-    "overallCorrectRate": 55.67,
-    "questionOrder": 4
+    overallCorrectRate: 55.67,
+    questionOrder: 4
   }, {
-    "id": 8149,
-    "selectedAnswers": "2",
-    "correctAnswers": "2",
-    "isStar": false,
-    "duration": 1.052,
-    "classAverageTime": 1.052,
-    "topDuration": 1.052,
-    "answerResponseSignal": 1,
-    "isCorrect": true,
-    "answerTime": "2024-03-13T04:29:08.052+00:00",
-    "article": 2,
-    "category": {
-      "parentCategoryId": null,
-      "name": "123458868",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 1008
+    id: 8149,
+    selectedAnswers: "2",
+    correctAnswers: "2",
+    isStar: false,
+    duration: 1.052,
+    classAverageTime: 1.052,
+    topDuration: 1.052,
+    answerResponseSignal: 1,
+    isCorrect: true,
+    answerTime: "2024-03-13T04:29:08.052+00:00",
+    article: 2,
+    category: {
+      parentCategoryId: null,
+      name: "123458868",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 1008
     },
-    "overallCorrectRate": 100,
-    "questionOrder": 5
+    overallCorrectRate: 100,
+    questionOrder: 5
   }, {
-    "id": 8150,
-    "selectedAnswers": "",
-    "correctAnswers": "3",
-    "isStar": false,
-    "duration": 0,
-    "classAverageTime": 0,
-    "topDuration": null,
-    "answerResponseSignal": null,
-    "isCorrect": false,
-    "answerTime": "0001-01-01T00:00:00+00:00",
-    "article": 2,
-    "category": {
-      "parentCategoryId": null,
-      "name": "123458868",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 1008
+    id: 8150,
+    selectedAnswers: "",
+    correctAnswers: "3",
+    isStar: false,
+    duration: 0,
+    classAverageTime: 0,
+    topDuration: null,
+    answerResponseSignal: null,
+    isCorrect: false,
+    answerTime: "0001-01-01T00:00:00+00:00",
+    article: 2,
+    category: {
+      parentCategoryId: null,
+      name: "123458868",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 1008
     },
-    "overallCorrectRate": 55.67,
-    "questionOrder": 6
+    overallCorrectRate: 55.67,
+    questionOrder: 6
   }, {
-    "id": 8151,
-    "selectedAnswers": "3",
-    "correctAnswers": "2",
-    "isStar": true,
-    "duration": 2.596,
-    "classAverageTime": 2.596,
-    "topDuration": 2.596,
-    "answerResponseSignal": 1,
-    "isCorrect": false,
-    "answerTime": "2024-03-13T04:29:10.648+00:00",
-    "article": 2,
-    "category": {
-      "parentCategoryId": null,
-      "name": "123458868",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 1008
+    id: 8151,
+    selectedAnswers: "3",
+    correctAnswers: "2",
+    isStar: true,
+    duration: 2.596,
+    classAverageTime: 2.596,
+    topDuration: 2.596,
+    answerResponseSignal: 1,
+    isCorrect: false,
+    answerTime: "2024-03-13T04:29:10.648+00:00",
+    article: 2,
+    category: {
+      parentCategoryId: null,
+      name: "123458868",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 1008
     },
-    "overallCorrectRate": 78.24,
-    "questionOrder": 7
+    overallCorrectRate: 78.24,
+    questionOrder: 7
   }, {
-    "id": 8152,
-    "selectedAnswers": "5",
-    "correctAnswers": "4",
-    "isStar": false,
-    "duration": 0.899,
-    "classAverageTime": 0.899,
-    "topDuration": 0.899,
-    "answerResponseSignal": 1,
-    "isCorrect": false,
-    "answerTime": "2024-03-13T04:29:12.864+00:00",
-    "article": 2,
-    "category": {
-      "parentCategoryId": null,
-      "name": "123458868",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 1008
+    id: 8152,
+    selectedAnswers: "5",
+    correctAnswers: "4",
+    isStar: false,
+    duration: 0.899,
+    classAverageTime: 0.899,
+    topDuration: 0.899,
+    answerResponseSignal: 1,
+    isCorrect: false,
+    answerTime: "2024-03-13T04:29:12.864+00:00",
+    article: 2,
+    category: {
+      parentCategoryId: null,
+      name: "123458868",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 1008
     },
-    "overallCorrectRate": 90,
-    "questionOrder": 8
+    overallCorrectRate: 90,
+    questionOrder: 8
   }, {
-    "id": 8153,
-    "selectedAnswers": "2",
-    "correctAnswers": "2",
-    "isStar": true,
-    "duration": 70.496,
-    "classAverageTime": 140.496,
-    "topDuration": 20.496,
-    "answerResponseSignal": 0,
-    "isCorrect": true,
-    "answerTime": "2024-03-13T04:29:14.36+00:00",
-    "article": 2,
-    "category": {
-      "parentCategoryId": null,
-      "name": "123458868",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 1008
+    id: 8153,
+    selectedAnswers: "2",
+    correctAnswers: "2",
+    isStar: true,
+    duration: 70.496,
+    classAverageTime: 140.496,
+    topDuration: 20.496,
+    answerResponseSignal: 0,
+    isCorrect: true,
+    answerTime: "2024-03-13T04:29:14.36+00:00",
+    article: 2,
+    category: {
+      parentCategoryId: null,
+      name: "123458868",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 1008
     },
-    "overallCorrectRate": 100,
-    "questionOrder": 9
+    overallCorrectRate: 100,
+    questionOrder: 9
   }, {
-    "id": 8154,
-    "selectedAnswers": "",
-    "correctAnswers": "5",
-    "isStar": false,
-    "duration": 0,
-    "classAverageTime": 0,
-    "topDuration": null,
-    "answerResponseSignal": null,
-    "isCorrect": false,
-    "answerTime": "0001-01-01T00:00:00+00:00",
-    "article": 2,
-    "category": {
-      "parentCategoryId": null,
-      "name": "123458868",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 1008
+    id: 8154,
+    selectedAnswers: "",
+    correctAnswers: "5",
+    isStar: false,
+    duration: 0,
+    classAverageTime: 0,
+    topDuration: null,
+    answerResponseSignal: null,
+    isCorrect: false,
+    answerTime: "0001-01-01T00:00:00+00:00",
+    article: 2,
+    category: {
+      parentCategoryId: null,
+      name: "123458868",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 1008
     },
-    "overallCorrectRate": 75,
-    "questionOrder": 10
+    overallCorrectRate: 75,
+    questionOrder: 10
   }, {
-    "id": 8155,
-    "selectedAnswers": "2",
-    "correctAnswers": "2",
-    "isStar": false,
-    "duration": 1.317,
-    "classAverageTime": 1.317,
-    "topDuration": 1.317,
-    "answerResponseSignal": 1,
-    "isCorrect": true,
-    "answerTime": "2024-03-13T04:29:11.965+00:00",
-    "article": 3,
-    "category": {
-      "parentCategoryId": null,
-      "name": "The first category a",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 4
+    id: 8155,
+    selectedAnswers: "2",
+    correctAnswers: "2",
+    isStar: false,
+    duration: 1.317,
+    classAverageTime: 1.317,
+    topDuration: 1.317,
+    answerResponseSignal: 1,
+    isCorrect: true,
+    answerTime: "2024-03-13T04:29:11.965+00:00",
+    article: 3,
+    category: {
+      parentCategoryId: null,
+      name: "The first category a",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 4
     },
-    "overallCorrectRate": 100,
-    "questionOrder": 11
+    overallCorrectRate: 100,
+    questionOrder: 11
   }, {
-    "id": 8156,
-    "selectedAnswers": "2",
-    "correctAnswers": "4",
-    "isStar": true,
-    "duration": 1.593,
-    "classAverageTime": 1.593,
-    "topDuration": 1.593,
-    "answerResponseSignal": 1,
-    "isCorrect": false,
-    "answerTime": "2024-03-13T04:29:20.734+00:00",
-    "article": 3,
-    "category": {
-      "parentCategoryId": null,
-      "name": "The first category a",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 4
+    id: 8156,
+    selectedAnswers: "2",
+    correctAnswers: "4",
+    isStar: true,
+    duration: 1.593,
+    classAverageTime: 1.593,
+    topDuration: 1.593,
+    answerResponseSignal: 1,
+    isCorrect: false,
+    answerTime: "2024-03-13T04:29:20.734+00:00",
+    article: 3,
+    category: {
+      parentCategoryId: null,
+      name: "The first category a",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 4
     },
-    "overallCorrectRate": 82,
-    "questionOrder": 12
+    overallCorrectRate: 82,
+    questionOrder: 12
   }, {
-    "id": 8157,
-    "selectedAnswers": "2",
-    "correctAnswers": "5",
-    "isStar": true,
-    "duration": 1.204,
-    "classAverageTime": 1.204,
-    "topDuration": 1.204,
-    "answerResponseSignal": 1,
-    "isCorrect": false,
-    "answerTime": "2024-03-13T04:29:18.164+00:00",
-    "article": 3,
-    "category": {
-      "parentCategoryId": null,
-      "name": "The first category a",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 4
+    id: 8157,
+    selectedAnswers: "2",
+    correctAnswers: "5",
+    isStar: true,
+    duration: 1.204,
+    classAverageTime: 1.204,
+    topDuration: 1.204,
+    answerResponseSignal: 1,
+    isCorrect: false,
+    answerTime: "2024-03-13T04:29:18.164+00:00",
+    article: 3,
+    category: {
+      parentCategoryId: null,
+      name: "The first category a",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 4
     },
-    "overallCorrectRate": 67,
-    "questionOrder": 13
+    overallCorrectRate: 67,
+    questionOrder: 13
   }, {
-    "id": 8158,
-    "selectedAnswers": "4",
-    "correctAnswers": "3",
-    "isStar": true,
-    "duration": 2.6,
-    "classAverageTime": 2.6,
-    "topDuration": 2.6,
-    "answerResponseSignal": 1,
-    "isCorrect": false,
-    "answerTime": "2024-03-13T04:29:16.96+00:00",
-    "article": 3,
-    "category": {
-      "parentCategoryId": null,
-      "name": "The first category a",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 4
+    id: 8158,
+    selectedAnswers: "4",
+    correctAnswers: "3",
+    isStar: true,
+    duration: 2.6,
+    classAverageTime: 2.6,
+    topDuration: 2.6,
+    answerResponseSignal: 1,
+    isCorrect: false,
+    answerTime: "2024-03-13T04:29:16.96+00:00",
+    article: 3,
+    category: {
+      parentCategoryId: null,
+      name: "The first category a",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 4
     },
-    "overallCorrectRate": 45,
-    "questionOrder": 14
+    overallCorrectRate: 45,
+    questionOrder: 14
   }, {
-    "id": 8159,
-    "selectedAnswers": "3",
-    "correctAnswers": "3",
-    "isStar": true,
-    "duration": 0.977,
-    "classAverageTime": 0.977,
-    "topDuration": 0.977,
-    "answerResponseSignal": 1,
-    "isCorrect": true,
-    "answerTime": "2024-03-13T04:29:19.141+00:00",
-    "article": 3,
-    "category": {
-      "parentCategoryId": null,
-      "name": "The first category a",
-      "path": "",
-      "numberOfQuestions": 0,
-      "numberOfChildren": 0,
-      "id": 4
+    id: 8159,
+    selectedAnswers: "3",
+    correctAnswers: "3",
+    isStar: true,
+    duration: 0.977,
+    classAverageTime: 0.977,
+    topDuration: 0.977,
+    answerResponseSignal: 1,
+    isCorrect: true,
+    answerTime: "2024-03-13T04:29:19.141+00:00",
+    article: 3,
+    category: {
+      parentCategoryId: null,
+      name: "The first category a",
+      path: "",
+      numberOfQuestions: 0,
+      numberOfChildren: 0,
+      id: 4
     },
-    "overallCorrectRate": 100,
-    "questionOrder": 15
+    overallCorrectRate: 100,
+    questionOrder: 15
   }],
-  "score": 10,
-  "placeOrder": 1,
-  "totalStudent": 1,
-  "totalTime": 30.987000000000002
+  score: 10,
+  placeOrder: 1,
+  totalStudent: 1,
+  totalTime: 30.987000000000002
 };
 var LONGTIME_SPEND_QUESTIONS = [{
-  "id": 8144,
-  "questionOrder": 0,
-  "duration": 320.939,
-  "topDuration": 145.32
+  id: 8144,
+  questionOrder: 0,
+  duration: 320.939,
+  topDuration: 145.32
 }, {
-  "id": 8153,
-  "questionOrder": 9,
-  "duration": 70.496,
-  "topDuration": 30.22
+  id: 8153,
+  questionOrder: 9,
+  duration: 70.496,
+  topDuration: 30.22
 }];
 var EFFECT_SIZE_QUESTIONS = [{
-  "id": 8144,
-  "questionOrder": 0,
-  "article": 1,
-  "isCorrect": false,
-  "selectedAnswers": "1",
-  "mostSelectedAnswers": "1",
-  "correctAnswers": "2",
-  "answerResponseSignal": 1,
-  "problemCategories": [3]
+  id: 8144,
+  questionOrder: 0,
+  article: 1,
+  isCorrect: false,
+  selectedAnswers: "1",
+  mostSelectedAnswers: "1",
+  correctAnswers: "2",
+  answerResponseSignal: 1,
+  problemCategories: [3]
 }, {
-  "id": 8145,
-  "questionOrder": 1,
-  "article": 1,
-  "isCorrect": false,
-  "selectedAnswers": "2",
-  "mostSelectedAnswers": "2",
-  "correctAnswers": "3",
-  "answerResponseSignal": 1,
-  "problemCategories": [4]
+  id: 8145,
+  questionOrder: 1,
+  article: 1,
+  isCorrect: false,
+  selectedAnswers: "2",
+  mostSelectedAnswers: "2",
+  correctAnswers: "3",
+  answerResponseSignal: 1,
+  problemCategories: [4]
 }, {
-  "id": 8146,
-  "questionOrder": 2,
-  "article": 1,
-  "isCorrect": false,
-  "selectedAnswers": "1",
-  "mostSelectedAnswers": "1",
-  "correctAnswers": "2",
-  "answerResponseSignal": 1,
-  "problemCategories": [3]
+  id: 8146,
+  questionOrder: 2,
+  article: 1,
+  isCorrect: false,
+  selectedAnswers: "1",
+  mostSelectedAnswers: "1",
+  correctAnswers: "2",
+  answerResponseSignal: 1,
+  problemCategories: [3]
 }, {
-  "id": 8147,
-  "questionOrder": 3,
-  "article": 1,
-  "isCorrect": true,
-  "selectedAnswers": "1",
-  "mostSelectedAnswers": "1",
-  "correctAnswers": "1",
-  "answerResponseSignal": 1,
-  "problemCategories": [1]
+  id: 8147,
+  questionOrder: 3,
+  article: 1,
+  isCorrect: true,
+  selectedAnswers: "1",
+  mostSelectedAnswers: "1",
+  correctAnswers: "1",
+  answerResponseSignal: 1,
+  problemCategories: [1]
 }, {
-  "id": 8148,
-  "questionOrder": 4,
-  "article": 1,
-  "isCorrect": false,
-  "selectedAnswers": "3",
-  "mostSelectedAnswers": "3",
-  "correctAnswers": "4",
-  "answerResponseSignal": 1,
-  "problemCategories": [4]
+  id: 8148,
+  questionOrder: 4,
+  article: 1,
+  isCorrect: false,
+  selectedAnswers: "3",
+  mostSelectedAnswers: "3",
+  correctAnswers: "4",
+  answerResponseSignal: 1,
+  problemCategories: [4]
 }, {
-  "id": 8149,
-  "questionOrder": 5,
-  "article": 2,
-  "isCorrect": true,
-  "selectedAnswers": "2",
-  "mostSelectedAnswers": "2",
-  "correctAnswers": "2",
-  "answerResponseSignal": 1,
-  "problemCategories": [1]
+  id: 8149,
+  questionOrder: 5,
+  article: 2,
+  isCorrect: true,
+  selectedAnswers: "2",
+  mostSelectedAnswers: "2",
+  correctAnswers: "2",
+  answerResponseSignal: 1,
+  problemCategories: [1]
 }, {
-  "id": 8150,
-  "questionOrder": 6,
-  "article": 2,
-  "isCorrect": false,
-  "selectedAnswers": "",
-  "mostSelectedAnswers": "",
-  "correctAnswers": "3",
-  "answerResponseSignal": null,
-  "problemCategories": []
+  id: 8150,
+  questionOrder: 6,
+  article: 2,
+  isCorrect: false,
+  selectedAnswers: "",
+  mostSelectedAnswers: "",
+  correctAnswers: "3",
+  answerResponseSignal: null,
+  problemCategories: []
 }, {
-  "id": 8151,
-  "questionOrder": 7,
-  "article": 2,
-  "isCorrect": false,
-  "selectedAnswers": "3",
-  "mostSelectedAnswers": "3",
-  "correctAnswers": "2",
-  "answerResponseSignal": 1,
-  "problemCategories": [2, 3]
+  id: 8151,
+  questionOrder: 7,
+  article: 2,
+  isCorrect: false,
+  selectedAnswers: "3",
+  mostSelectedAnswers: "3",
+  correctAnswers: "2",
+  answerResponseSignal: 1,
+  problemCategories: [2, 3]
 }, {
-  "id": 8152,
-  "questionOrder": 8,
-  "article": 2,
-  "isCorrect": false,
-  "selectedAnswers": "5",
-  "mostSelectedAnswers": "5",
-  "correctAnswers": "4",
-  "answerResponseSignal": 1,
-  "problemCategories": [4]
+  id: 8152,
+  questionOrder: 8,
+  article: 2,
+  isCorrect: false,
+  selectedAnswers: "5",
+  mostSelectedAnswers: "5",
+  correctAnswers: "4",
+  answerResponseSignal: 1,
+  problemCategories: [4]
 }, {
-  "id": 8153,
-  "questionOrder": 9,
-  "article": 2,
-  "isCorrect": true,
-  "selectedAnswers": "2",
-  "mostSelectedAnswers": "2",
-  "correctAnswers": "2",
-  "answerResponseSignal": 1,
-  "problemCategories": [1]
+  id: 8153,
+  questionOrder: 9,
+  article: 2,
+  isCorrect: true,
+  selectedAnswers: "2",
+  mostSelectedAnswers: "2",
+  correctAnswers: "2",
+  answerResponseSignal: 1,
+  problemCategories: [1]
 }, {
-  "id": 8154,
-  "questionOrder": 10,
-  "article": 2,
-  "isCorrect": false,
-  "selectedAnswers": "",
-  "mostSelectedAnswers": "",
-  "correctAnswers": "5",
-  "answerResponseSignal": null,
-  "problemCategories": []
+  id: 8154,
+  questionOrder: 10,
+  article: 2,
+  isCorrect: false,
+  selectedAnswers: "",
+  mostSelectedAnswers: "",
+  correctAnswers: "5",
+  answerResponseSignal: null,
+  problemCategories: []
 }, {
-  "id": 8155,
-  "questionOrder": 11,
-  "article": 3,
-  "isCorrect": true,
-  "selectedAnswers": "2",
-  "mostSelectedAnswers": "2",
-  "correctAnswers": "2",
-  "answerResponseSignal": 1,
-  "problemCategories": [1]
+  id: 8155,
+  questionOrder: 11,
+  article: 3,
+  isCorrect: true,
+  selectedAnswers: "2",
+  mostSelectedAnswers: "2",
+  correctAnswers: "2",
+  answerResponseSignal: 1,
+  problemCategories: [1]
 }, {
-  "id": 8156,
-  "questionOrder": 12,
-  "article": 3,
-  "isCorrect": false,
-  "selectedAnswers": "2",
-  "mostSelectedAnswers": "2",
-  "correctAnswers": "4",
-  "answerResponseSignal": 1,
-  "problemCategories": [4]
+  id: 8156,
+  questionOrder: 12,
+  article: 3,
+  isCorrect: false,
+  selectedAnswers: "2",
+  mostSelectedAnswers: "2",
+  correctAnswers: "4",
+  answerResponseSignal: 1,
+  problemCategories: [4]
 }, {
-  "id": 8157,
-  "questionOrder": 13,
-  "article": 3,
-  "isCorrect": false,
-  "selectedAnswers": "2",
-  "mostSelectedAnswers": "2",
-  "correctAnswers": "5",
-  "answerResponseSignal": 1,
-  "problemCategories": [4]
+  id: 8157,
+  questionOrder: 13,
+  article: 3,
+  isCorrect: false,
+  selectedAnswers: "2",
+  mostSelectedAnswers: "2",
+  correctAnswers: "5",
+  answerResponseSignal: 1,
+  problemCategories: [4]
 }, {
-  "id": 8158,
-  "questionOrder": 14,
-  "article": 3,
-  "isCorrect": false,
-  "selectedAnswers": "4",
-  "mostSelectedAnswers": "4",
-  "correctAnswers": "3",
-  "answerResponseSignal": 1,
-  "problemCategories": [4]
+  id: 8158,
+  questionOrder: 14,
+  article: 3,
+  isCorrect: false,
+  selectedAnswers: "4",
+  mostSelectedAnswers: "4",
+  correctAnswers: "3",
+  answerResponseSignal: 1,
+  problemCategories: [4]
 }, {
-  "id": 8159,
-  "questionOrder": 15,
-  "article": 3,
-  "isCorrect": true,
-  "selectedAnswers": "3",
-  "mostSelectedAnswers": "3",
-  "correctAnswers": "3",
-  "answerResponseSignal": 1,
-  "problemCategories": [1]
+  id: 8159,
+  questionOrder: 15,
+  article: 3,
+  isCorrect: true,
+  selectedAnswers: "3",
+  mostSelectedAnswers: "3",
+  correctAnswers: "3",
+  answerResponseSignal: 1,
+  problemCategories: [1]
 }];
 var TIMELY_ORDER_QUESTIONS = [{
-  "categoryId": 7,
-  "categoryName": "New category",
-  "article": 1,
-  "questions": [{
-    "questionId": 8144,
-    "questionOrder": 0,
-    "answerOrder": 1,
-    "topAnswerOrder": 2
+  categoryId: 7,
+  categoryName: "New category",
+  article: 1,
+  questions: [{
+    questionId: 8144,
+    questionOrder: 0,
+    answerOrder: 1,
+    topAnswerOrder: 2
   }, {
-    "questionId": 8145,
-    "questionOrder": 1,
-    "answerOrder": 2,
-    "topAnswerOrder": 1
+    questionId: 8145,
+    questionOrder: 1,
+    answerOrder: 2,
+    topAnswerOrder: 1
   }, {
-    "questionId": 8146,
-    "questionOrder": 2,
-    "answerOrder": 3,
-    "topAnswerOrder": 4
+    questionId: 8146,
+    questionOrder: 2,
+    answerOrder: 3,
+    topAnswerOrder: 4
   }, {
-    "questionId": 8147,
-    "questionOrder": 3,
-    "answerOrder": 4,
-    "topAnswerOrder": 5
+    questionId: 8147,
+    questionOrder: 3,
+    answerOrder: 4,
+    topAnswerOrder: 5
   }, {
-    "questionId": 8148,
-    "questionOrder": 4,
-    "answerOrder": 5,
-    "topAnswerOrder": 3
+    questionId: 8148,
+    questionOrder: 4,
+    answerOrder: 5,
+    topAnswerOrder: 3
   }]
 }, {
-  "categoryId": 1008,
-  "categoryName": "123458868",
-  "article": 2,
-  "questions": [{
-    "questionId": 8149,
-    "questionOrder": 5,
-    "answerOrder": 1,
-    "topAnswerOrder": 5
+  categoryId: 1008,
+  categoryName: "123458868",
+  article: 2,
+  questions: [{
+    questionId: 8149,
+    questionOrder: 5,
+    answerOrder: 1,
+    topAnswerOrder: 5
   }, {
-    "questionId": 8150,
-    "questionOrder": 6,
-    "answerOrder": null,
-    "topAnswerOrder": 2
+    questionId: 8150,
+    questionOrder: 6,
+    answerOrder: null,
+    topAnswerOrder: 2
   }, {
-    "questionId": 8151,
-    "questionOrder": 7,
-    "answerOrder": 2,
-    "topAnswerOrder": 3
+    questionId: 8151,
+    questionOrder: 7,
+    answerOrder: 2,
+    topAnswerOrder: 3
   }, {
-    "questionId": 8152,
-    "questionOrder": 8,
-    "answerOrder": 3,
-    "topAnswerOrder": 4
+    questionId: 8152,
+    questionOrder: 8,
+    answerOrder: 3,
+    topAnswerOrder: 4
   }, {
-    "questionId": 8153,
-    "questionOrder": 9,
-    "answerOrder": 4,
-    "topAnswerOrder": 1
+    questionId: 8153,
+    questionOrder: 9,
+    answerOrder: 4,
+    topAnswerOrder: 1
   }, {
-    "questionId": 8154,
-    "questionOrder": 10,
-    "answerOrder": null,
-    "topAnswerOrder": 6
+    questionId: 8154,
+    questionOrder: 10,
+    answerOrder: null,
+    topAnswerOrder: 6
   }]
 }, {
-  "categoryId": 4,
-  "categoryName": "The first category a",
-  "article": 3,
-  "questions": [{
-    "questionId": 8155,
-    "questionOrder": 11,
-    "answerOrder": 1,
-    "topAnswerOrder": 3
+  categoryId: 4,
+  categoryName: "The first category a",
+  article: 3,
+  questions: [{
+    questionId: 8155,
+    questionOrder: 11,
+    answerOrder: 1,
+    topAnswerOrder: 3
   }, {
-    "questionId": 8156,
-    "questionOrder": 12,
-    "answerOrder": 5,
-    "topAnswerOrder": 2
+    questionId: 8156,
+    questionOrder: 12,
+    answerOrder: 5,
+    topAnswerOrder: 2
   }, {
-    "questionId": 8157,
-    "questionOrder": 13,
-    "answerOrder": 3,
-    "topAnswerOrder": 1
+    questionId: 8157,
+    questionOrder: 13,
+    answerOrder: 3,
+    topAnswerOrder: 1
   }, {
-    "questionId": 8158,
-    "questionOrder": 14,
-    "answerOrder": 2,
-    "topAnswerOrder": 4
+    questionId: 8158,
+    questionOrder: 14,
+    answerOrder: 2,
+    topAnswerOrder: 4
   }, {
-    "questionId": 8159,
-    "questionOrder": 15,
-    "answerOrder": 4,
-    "topAnswerOrder": 5
+    questionId: 8159,
+    questionOrder: 15,
+    answerOrder: 4,
+    topAnswerOrder: 5
   }]
 }];
 var CATEGORY_RESPONSES = [{
-  "id": 7,
-  "name": "New category",
-  "totalQuestions": 5,
-  "totalCorrectQuestions": 1,
-  "totalAnsweredQuestions": 5,
-  "percentageAmongStudents": 17
+  id: 7,
+  name: "New category",
+  totalQuestions: 5,
+  totalCorrectQuestions: 1,
+  totalAnsweredQuestions: 5,
+  percentageAmongStudents: 17
 }, {
-  "id": 1008,
-  "name": "123458868",
-  "totalQuestions": 6,
-  "totalCorrectQuestions": 2,
-  "totalAnsweredQuestions": 4,
-  "percentageAmongStudents": 48
+  id: 1008,
+  name: "123458868",
+  totalQuestions: 6,
+  totalCorrectQuestions: 2,
+  totalAnsweredQuestions: 4,
+  percentageAmongStudents: 48
 }, {
-  "id": 4,
-  "name": "The first category a",
-  "totalQuestions": 5,
-  "totalCorrectQuestions": 2,
-  "totalAnsweredQuestions": 5,
-  "percentageAmongStudents": 40
+  id: 4,
+  name: "The first category a",
+  totalQuestions: 5,
+  totalCorrectQuestions: 2,
+  totalAnsweredQuestions: 5,
+  percentageAmongStudents: 40
 }];
+var DEFAULT_LINE_CHART_OPTIONS = {
+  chart: {
+    type: "line",
+    toolbar: {
+      show: false
+    },
+    zoom: {
+      enabled: false
+    }
+  },
+  tooltip: {
+    enabled: true,
+    hideEmptySeries: true
+  },
+  legend: {
+    show: true,
+    fontSize: "12px",
+    fontWeight: 600,
+    markers: {
+      width: 16,
+      height: 1
+    },
+    labels: {
+      colors: "#414E62"
+    },
+    itemMargin: {
+      vertical: 16
+    }
+  },
+  dataLabels: {
+    enabled: false
+  },
+  xaxis: {
+    categories: [],
+    axisBorder: {
+      show: true,
+      color: "#E4E7EC"
+    },
+    labels: {
+      style: {
+        fontSize: "10px"
+      }
+    }
+  },
+  grid: {
+    row: {
+      colors: ["#FFFFFF"]
+    },
+    borderColor: "#E4E7EC",
+    xaxis: {
+      lines: {
+        show: true
+      }
+    }
+  },
+  yaxis: {
+    stepSize: 1,
+    min: 0,
+    axisBorder: {
+      show: true,
+      color: "#E4E7EC"
+    },
+    labels: {
+      style: {
+        fontSize: "10px"
+      }
+    }
+  }
+};
+var defaultSeries = function defaultSeries(t) {
+  return [{
+    name: t("my_problem_solving_order"),
+    data: []
+  }, {
+    name: t("top_rankings_problem_solving_order"),
+    data: []
+  }];
+};
 
-var useExamResult = function useExamResult(searchParam, navigate, examSessionId, studentId, code) {
+var useExamResult = function useExamResult(searchParam, navigate, examSessionId, studentId, code, handleChangeTab) {
+  var _allChartOptions$data, _allSeries$dataChartI;
   if (examSessionId === void 0) {
     examSessionId = 0;
   }
@@ -9137,8 +9216,8 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
     longTimeSpend = _useState3[0],
     setLongTimeSpend = _useState3[1];
   var _useState4 = React.useState([]),
-    timelyOrderQuestion = _useState4[0],
-    setTimelyOrderQuestion = _useState4[1];
+    timelyOrderQuestions = _useState4[0],
+    setTimelyOrderQuestions = _useState4[1];
   var _useState5 = React.useState([]),
     categoryResponses = _useState5[0],
     setCategoryResponses = _useState5[1];
@@ -9164,10 +9243,11 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
         var _temp = _catch(function () {
           return Promise.resolve(Promise.all([getResults(examCode), getResultsLongTimeSpend(examCode), getResultsEffectSize(examCode), getResultsTimeOrderQuestion(examCode), getResultsCategories(examCode)])).then(function (result) {
             var _result$0$data, _result$1$data, _result$2$data, _result$3$data, _result$4$data;
+            handleChangeTab(0);
             setResultDatas((_result$0$data = result[0].data) === null || _result$0$data === void 0 ? void 0 : _result$0$data.data);
             setLongTimeSpend((_result$1$data = result[1].data) === null || _result$1$data === void 0 ? void 0 : _result$1$data.data);
             setEffectSize((_result$2$data = result[2].data) === null || _result$2$data === void 0 ? void 0 : _result$2$data.data);
-            setTimelyOrderQuestion((_result$3$data = result[3].data) === null || _result$3$data === void 0 ? void 0 : _result$3$data.data);
+            setTimelyOrderQuestions((_result$3$data = result[3].data) === null || _result$3$data === void 0 ? void 0 : _result$3$data.data);
             setCategoryResponses(((_result$4$data = result[4].data) === null || _result$4$data === void 0 ? void 0 : _result$4$data.data) || []);
           });
         }, function (error) {
@@ -9198,10 +9278,11 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
         var _temp5 = _catch(function () {
           return Promise.resolve(Promise.all([getResultsTeacher(examSessionId, studentId), getResultsLongTimeSpendTeacher(examSessionId, studentId), getResultsEffectSizeTeacher(examSessionId, studentId), getResultsTimeOrderQuestionTeacher(examSessionId, studentId), getResultsCategoriesTeacher(examSessionId, studentId)])).then(function (result) {
             var _result$0$data2, _result$1$data2, _result$2$data2, _result$3$data2, _result$4$data2;
+            handleChangeTab(0);
             setResultDatas((_result$0$data2 = result[0].data) === null || _result$0$data2 === void 0 ? void 0 : _result$0$data2.data);
             setLongTimeSpend((_result$1$data2 = result[1].data) === null || _result$1$data2 === void 0 ? void 0 : _result$1$data2.data);
             setEffectSize((_result$2$data2 = result[2].data) === null || _result$2$data2 === void 0 ? void 0 : _result$2$data2.data);
-            setTimelyOrderQuestion((_result$3$data2 = result[3].data) === null || _result$3$data2 === void 0 ? void 0 : _result$3$data2.data);
+            setTimelyOrderQuestions((_result$3$data2 = result[3].data) === null || _result$3$data2 === void 0 ? void 0 : _result$3$data2.data);
             setCategoryResponses(((_result$4$data2 = result[4].data) === null || _result$4$data2 === void 0 ? void 0 : _result$4$data2.data) || []);
           });
         }, function (error) {
@@ -9227,7 +9308,7 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
     setResultDatas(EXAM_RESULT);
     setLongTimeSpend(LONGTIME_SPEND_QUESTIONS);
     setEffectSize(EFFECT_SIZE_QUESTIONS);
-    setTimelyOrderQuestion(TIMELY_ORDER_QUESTIONS);
+    setTimelyOrderQuestions(TIMELY_ORDER_QUESTIONS);
     setCategoryResponses(CATEGORY_RESPONSES);
   };
   React.useEffect(function () {
@@ -9243,7 +9324,7 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
     }
   };
   var handleNextChart = function handleNextChart() {
-    if (dataChartIndex < timelyOrderQuestion.length - 1) {
+    if (dataChartIndex < timelyOrderQuestions.length - 1) {
       setDataChartIndex(dataChartIndex + 1);
     }
   };
@@ -9261,158 +9342,98 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
       seconds: totalTime % 60
     });
   }, [JSON.stringify(resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.questions), language]);
-  var chartOptions = React.useMemo(function () {
-    return {
-      chart: {
-        type: "line",
-        toolbar: {
-          show: false
-        },
-        zoom: {
-          enabled: false
-        }
-      },
-      tooltip: {
-        enabled: true,
-        hideEmptySeries: true,
-        y: {
-          formatter: function formatter(val, _ref) {
-            var dataPointIndex = _ref.dataPointIndex;
-            if (dataPointIndex > 0) {
-              var _timelyOrderQuestion$, _questions$length, _questions;
-              var questions = ((_timelyOrderQuestion$ = timelyOrderQuestion[dataChartIndex]) === null || _timelyOrderQuestion$ === void 0 ? void 0 : _timelyOrderQuestion$.questions) || null;
-              var questionLength = (_questions$length = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length : 0;
+  var allChartOptions = React.useMemo(function () {
+    return timelyOrderQuestions.map(function (timelyOrderQuestion) {
+      return _extends({}, DEFAULT_LINE_CHART_OPTIONS, {
+        tooltip: _extends({}, DEFAULT_LINE_CHART_OPTIONS.tooltip, {
+          y: {
+            formatter: function formatter(val, _ref) {
+              var dataPointIndex = _ref.dataPointIndex;
+              if (dataPointIndex > 0) {
+                var _questions$length, _questions;
+                var questions = timelyOrderQuestion.questions || null;
+                var questionLength = (_questions$length = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length : 0;
+                return val != null ? t("problem_number_question", {
+                  number: questions !== null ? (((_questions = questions[questionLength - val]) === null || _questions === void 0 ? void 0 : _questions.questionOrder) || 0) + 1 : val
+                }) : t("no_data");
+              }
+              return null;
+            }
+          }
+        }),
+        xaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.xaxis, {
+          categories: ["."].concat(Array.from({
+            length: timelyOrderQuestion ? timelyOrderQuestion.questions.length : 1
+          }, function (_, i) {
+            return ORDER_NUMBERS[i + 1] ? t(ORDER_NUMBERS[i + 1]) : toNumberOrder(i + 1);
+          }), ["."])
+        }),
+        yaxis: _extends({}, DEFAULT_LINE_CHART_OPTIONS.yaxis, {
+          tickAmount: timelyOrderQuestion.questions.length + 1,
+          max: timelyOrderQuestion.questions.length + 1,
+          labels: _extends({}, DEFAULT_LINE_CHART_OPTIONS.yaxis.labels, {
+            formatter: function formatter(val) {
+              var _questions$length2, _questions2;
+              var questions = timelyOrderQuestion.questions || null;
+              var questionLength = (_questions$length2 = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length2 : 0;
               return val != null ? t("problem_number_question", {
-                number: questions !== null ? (((_questions = questions[questionLength - val]) === null || _questions === void 0 ? void 0 : _questions.questionOrder) || 0) + 1 : val
+                number: questions !== null ? (((_questions2 = questions[questionLength - val]) === null || _questions2 === void 0 ? void 0 : _questions2.questionOrder) || 0) + 1 : val
               }) : t("no_data");
             }
-            return null;
-          }
-        }
-      },
-      legend: {
-        show: true,
-        fontSize: "12px",
-        fontWeight: 600,
-        markers: {
-          width: 16,
-          height: 1
-        },
-        labels: {
-          colors: "#414E62"
-        },
-        itemMargin: {
-          vertical: 16
-        }
-      },
-      dataLabels: {
-        enabled: false
-      },
-      xaxis: {
-        categories: ["."].concat(Array.from({
-          length: timelyOrderQuestion[dataChartIndex] ? timelyOrderQuestion[dataChartIndex].questions.length : 1
-        }, function (_, i) {
-          return ORDER_NUMBERS[i + 1] ? t(ORDER_NUMBERS[i + 1]) : toNumberOrder(i + 1);
-        }), ["."]),
-        axisBorder: {
-          show: true,
-          color: "#E4E7EC"
-        },
-        labels: {
-          style: {
-            fontSize: "10px"
-          }
-        }
-      },
-      grid: {
-        row: {
-          colors: ["#FFFFFF"]
-        },
-        borderColor: "#E4E7EC",
-        xaxis: {
-          lines: {
-            show: true
-          }
-        }
-      },
-      yaxis: {
-        tickAmount: timelyOrderQuestion[dataChartIndex] ? timelyOrderQuestion[dataChartIndex].questions.length + 1 : 1,
-        stepSize: 1,
-        min: 0,
-        max: timelyOrderQuestion[dataChartIndex] ? timelyOrderQuestion[dataChartIndex].questions.length + 1 : 1,
-        axisBorder: {
-          show: true,
-          color: "#E4E7EC"
-        },
-        labels: {
-          formatter: function formatter(val) {
-            var _timelyOrderQuestion$2, _questions$length2, _questions2;
-            var questions = ((_timelyOrderQuestion$2 = timelyOrderQuestion[dataChartIndex]) === null || _timelyOrderQuestion$2 === void 0 ? void 0 : _timelyOrderQuestion$2.questions) || null;
-            var questionLength = (_questions$length2 = questions === null || questions === void 0 ? void 0 : questions.length) != null ? _questions$length2 : 0;
-            return val != null ? t("problem_number_question", {
-              number: questions !== null ? (((_questions2 = questions[questionLength - val]) === null || _questions2 === void 0 ? void 0 : _questions2.questionOrder) || 0) + 1 : val
-            }) : t("no_data");
-          },
-          style: {
-            fontSize: "10px"
-          }
-        }
-      }
-    };
-  }, [JSON.stringify(timelyOrderQuestion), dataChartIndex, language]);
-  var series = React.useMemo(function () {
-    if (!timelyOrderQuestion.length || timelyOrderQuestion.length < dataChartIndex + 1 || dataChartIndex < 0) return [{
-      name: t("my_problem_solving_order"),
-      data: []
-    }, {
-      name: t("top_rankings_problem_solving_order"),
-      data: []
-    }];
-    var data = timelyOrderQuestion[dataChartIndex];
-    var questionsData = data.questions.sort(function (a, b) {
-      return a.questionOrder > b.questionOrder ? 1 : b.questionOrder > a.questionOrder ? -1 : 0;
-    }).map(function (i, index) {
-      return _extends({}, i, {
-        questionOrder: index,
-        answerOrder: i.answerOrder == null ? 0 : i.answerOrder,
-        topAnswerOrder: i.topAnswerOrder == null ? 0 : i.topAnswerOrder
+          })
+        })
       });
     });
-    var mySeriesData = [null].concat(_.sortBy(questionsData.filter(function (i) {
-      return i.answerOrder !== 0;
-    }), ["answerOrder", "questionOrder"]).map(function (item) {
-      return data.questions.length - item.questionOrder;
-    }), questionsData.filter(function (i) {
-      return i.answerOrder === 0;
-    }).map(function () {
-      return null;
-    }), [null]);
-    var topSeriesData = [null].concat(_.sortBy(questionsData.filter(function (i) {
-      return i.topAnswerOrder !== 0;
-    }), ["topAnswerOrder", "questionOrder"]).map(function (item) {
-      return data.questions.length - item.questionOrder;
-    }), questionsData.filter(function (i) {
-      return i.topAnswerOrder === 0;
-    }).map(function () {
-      return null;
-    }), [null]);
-    return [{
-      name: t("my_problem_solving_order"),
-      data: mySeriesData
-    }, {
-      name: t("top_rankings_problem_solving_order"),
-      data: topSeriesData
-    }];
-  }, [JSON.stringify(timelyOrderQuestion), dataChartIndex, language]);
+  }, [JSON.stringify(timelyOrderQuestions), language]);
+  var allSeries = React.useMemo(function () {
+    return timelyOrderQuestions.map(function (timelyOrderQuestion) {
+      var questionsData = timelyOrderQuestion.questions.sort(function (a, b) {
+        return a.questionOrder > b.questionOrder ? 1 : b.questionOrder > a.questionOrder ? -1 : 0;
+      }).map(function (i, index) {
+        return _extends({}, i, {
+          questionOrder: index,
+          answerOrder: i.answerOrder == null ? 0 : i.answerOrder,
+          topAnswerOrder: i.topAnswerOrder == null ? 0 : i.topAnswerOrder
+        });
+      });
+      var mySeriesData = [null].concat(_.sortBy(questionsData.filter(function (i) {
+        return i.answerOrder !== 0;
+      }), ["answerOrder", "questionOrder"]).map(function (item) {
+        return timelyOrderQuestion.questions.length - item.questionOrder;
+      }), questionsData.filter(function (i) {
+        return i.answerOrder === 0;
+      }).map(function () {
+        return null;
+      }), [null]);
+      var topSeriesData = [null].concat(_.sortBy(questionsData.filter(function (i) {
+        return i.topAnswerOrder !== 0;
+      }), ["topAnswerOrder", "questionOrder"]).map(function (item) {
+        return timelyOrderQuestion.questions.length - item.questionOrder;
+      }), questionsData.filter(function (i) {
+        return i.topAnswerOrder === 0;
+      }).map(function () {
+        return null;
+      }), [null]);
+      return [{
+        name: t("my_problem_solving_order"),
+        data: mySeriesData
+      }, {
+        name: t("top_rankings_problem_solving_order"),
+        data: topSeriesData
+      }];
+    });
+  }, [JSON.stringify(timelyOrderQuestions), language]);
+  var chartOptions = (_allChartOptions$data = allChartOptions[dataChartIndex]) != null ? _allChartOptions$data : DEFAULT_LINE_CHART_OPTIONS;
+  var series = (_allSeries$dataChartI = allSeries[dataChartIndex]) != null ? _allSeries$dataChartI : defaultSeries(t);
   var handleExportPdf = function handleExportPdf() {
     try {
-      var _temp23 = function _temp23(_result) {
+      var _temp24 = function _temp24(_result) {
         if (_exit) return _result;
         dispatch(setLoading(false));
       };
       var _exit = false;
       dispatch(setLoading(true));
-      var _temp22 = _catch(function () {
+      var _temp23 = _catch(function () {
         var canvas = document.querySelector("#canvas");
         var headerCanvas = document.querySelector("#header-canvas");
         if (!canvas || !headerCanvas) {
@@ -9434,7 +9455,7 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
         var imgWidth = WIDTH_PAPER;
         var chartWidth = WIDTH_PAPER - 20;
         return Promise.resolve(html2canvas(headerCanvas)).then(function (header) {
-          function _temp21() {
+          function _temp22() {
             doc.save("download.pdf");
           }
           var imgHeaderHeight = header.height * imgWidth / header.width;
@@ -9442,110 +9463,133 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
           doc.addImage(imgHeaderData, 'PNG', 0, 0, imgWidth, imgHeaderHeight);
           line += imgHeaderHeight;
           if (line > HEIGHT_PAPER) breakPage();
-          var _temp20 = function () {
+          var _temp21 = function () {
             if (canvas && canvas.childElementCount > 0) {
               var _index = 0;
-              var _temp19 = _for(function () {
+              var _temp20 = _for(function () {
                 return _index < canvas.childElementCount;
               }, function () {
                 return _index++;
               }, function () {
-                function _temp18() {
-                  function _temp16() {
+                function _temp19() {
+                  function _temp17() {
                     line += 20;
                   }
-                  var _temp15 = function () {
+                  var printChartTitle = function printChartTitle() {
+                    try {
+                      if (chartTitleData && chartTitleHeight) {
+                        if (line + chartTitleHeight + 10 > HEIGHT_PAPER) breakPage();else line + 10;
+                        doc.addImage(chartTitleData, 'PNG', 10, line, chartWidth, chartTitleHeight);
+                        line += chartTitleHeight;
+                      }
+                      return Promise.resolve();
+                    } catch (e) {
+                      return Promise.reject(e);
+                    }
+                  };
+                  var _temp16 = function () {
                     if (printContainerEls.length) {
-                      var _temp14 = _forTo(printContainerEls, function (i) {
-                        function _temp13() {
+                      var _temp15 = _forTo(printContainerEls, function (i) {
+                        function _temp14() {
                           var printHeader = function printHeader(top) {
                             if (top === void 0) {
                               top = 0;
                             }
                             try {
-                              if (!printHeaderCanvas) return Promise.resolve();
-                              var _height = printHeaderCanvas.height * chartWidth / printHeaderCanvas.width;
-                              var _data = printHeaderCanvas.toDataURL('image/png');
+                              if (!printHeaderData || !printHeaderHeight) return Promise.resolve();
                               line += top;
-                              if (line + _height > HEIGHT_PAPER) breakPage();
-                              doc.addImage(_data, 'PNG', 10, line, chartWidth, _height);
-                              line += _height;
+                              if (line + printHeaderHeight > HEIGHT_PAPER) breakPage();
+                              doc.addImage(printHeaderData, 'PNG', 10, line, chartWidth, printHeaderHeight);
+                              line += printHeaderHeight;
                               return Promise.resolve();
                             } catch (e) {
                               return Promise.reject(e);
                             }
                           };
-                          return Promise.resolve(printHeader(10)).then(function () {
-                            var printContents = printContainerEl.querySelectorAll("." + PrintContentClassName);
-                            if (!printContents.length) return;
-                            var _temp11 = _forTo(printContents, function (j) {
-                              var rowItem = printContents[j];
-                              return Promise.resolve(html2canvas(rowItem)).then(function (rowItemCanvas) {
-                                function _temp10() {
-                                  doc.addImage(data, 'PNG', 10, line, chartWidth, height);
-                                  line += height;
+                          var printContents = printContainerEl.querySelectorAll("." + PrintContentClassName);
+                          if (!printContents.length) return;
+                          var _temp12 = _forTo(printContents, function (j) {
+                            var rowItem = printContents[j];
+                            return Promise.resolve(html2canvas(rowItem)).then(function (rowItemCanvas) {
+                              function _temp11() {
+                                doc.addImage(data, 'PNG', 10, line, chartWidth, height);
+                                line += height;
+                              }
+                              var height = rowItemCanvas.height * chartWidth / rowItemCanvas.width;
+                              var data = rowItemCanvas.toDataURL('image/png');
+                              if (i === 0 && j === 0 && line + height + (printHeaderHeight || 0) + ((chartTitleHeight || 0) + 10) + 20 > HEIGHT_PAPER) breakPage();
+                              i === 0 && j === 0 && printChartTitle();
+                              var _temp10 = function () {
+                                if (line + height + 20 > HEIGHT_PAPER) {
+                                  breakPage();
+                                  return Promise.resolve(printHeader()).then(function () {});
+                                } else {
+                                  var _temp25 = function () {
+                                    if (j === 0) {
+                                      return Promise.resolve(printHeader(10)).then(function () {});
+                                    }
+                                  }();
+                                  if (_temp25 && _temp25.then) return _temp25.then(function () {});
                                 }
-                                var height = rowItemCanvas.height * chartWidth / rowItemCanvas.width;
-                                var data = rowItemCanvas.toDataURL('image/png');
-                                var _temp9 = function () {
-                                  if (line + height > HEIGHT_PAPER) {
-                                    breakPage();
-                                    return Promise.resolve(printHeader()).then(function () {});
-                                  }
-                                }();
-                                return _temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9);
-                              });
+                              }();
+                              return _temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10);
                             });
-                            if (_temp11 && _temp11.then) return _temp11.then(function () {});
                           });
+                          if (_temp12 && _temp12.then) return _temp12.then(function () {});
                         }
                         var printContainerEl = printContainerEls[i];
                         var printHeaderEl = printContainerEl.querySelector("." + PrintHeaderClassName);
                         var printHeaderCanvas = null;
-                        var _temp12 = function () {
+                        var printHeaderHeight = null;
+                        var printHeaderData = "";
+                        var _temp13 = function () {
                           if (printHeaderEl) {
-                            return Promise.resolve(html2canvas(printHeaderEl)).then(function (_html2canvas) {
-                              printHeaderCanvas = _html2canvas;
+                            return Promise.resolve(html2canvas(printHeaderEl)).then(function (_html2canvas2) {
+                              printHeaderCanvas = _html2canvas2;
+                              printHeaderHeight = printHeaderCanvas.height * chartWidth / printHeaderCanvas.width;
+                              printHeaderData = printHeaderCanvas.toDataURL('image/png');
                             });
                           }
                         }();
-                        return _temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12);
+                        return _temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13);
                       });
-                      if (_temp14 && _temp14.then) return _temp14.then(function () {});
+                      if (_temp15 && _temp15.then) return _temp15.then(function () {});
                     } else {
                       return Promise.resolve(html2canvas(chart)).then(function (chartCanvas) {
                         var imgBodyHeight = chartCanvas.height * chartWidth / chartCanvas.width;
                         var imgBodyData = chartCanvas.toDataURL('image/png');
                         line += 10;
-                        if (line + imgBodyHeight > HEIGHT_PAPER) breakPage();
+                        if (line + imgBodyHeight + 20 + (chartTitleHeight || 0) > HEIGHT_PAPER) breakPage();
+                        printChartTitle();
                         doc.addImage(imgBodyData, 'PNG', 10, line, chartWidth, imgBodyHeight);
                         line += imgBodyHeight;
                       });
                     }
                   }();
-                  return _temp15 && _temp15.then ? _temp15.then(_temp16) : _temp16(_temp15);
+                  return _temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16);
                 }
                 var chart = canvas.children.item(_index);
                 if (chart.getAttribute("id") === "header-canvas") return;
                 var chartTitle = chart.querySelector(".chart-title");
                 var printContainerEls = chart.querySelectorAll("." + PrintContainerClassName);
-                var _temp17 = function () {
+                var printChartTitleCanvas = null;
+                var chartTitleHeight = null;
+                var chartTitleData = "";
+                var _temp18 = function () {
                   if (chartTitle && printContainerEls.length) {
-                    return Promise.resolve(html2canvas(chartTitle)).then(function (printChartTitleCanvas) {
-                      var height = printChartTitleCanvas.height * chartWidth / printChartTitleCanvas.width;
-                      var data = printChartTitleCanvas.toDataURL('image/png');
-                      if (line + height + 10 > HEIGHT_PAPER) breakPage();else line + 10;
-                      doc.addImage(data, 'PNG', 10, line, chartWidth, height);
-                      line += height;
+                    return Promise.resolve(html2canvas(chartTitle)).then(function (_html2canvas) {
+                      printChartTitleCanvas = _html2canvas;
+                      chartTitleHeight = printChartTitleCanvas.height * chartWidth / printChartTitleCanvas.width;
+                      chartTitleData = printChartTitleCanvas.toDataURL('image/png');
                     });
                   }
                 }();
-                return _temp17 && _temp17.then ? _temp17.then(_temp18) : _temp18(_temp17);
+                return _temp18 && _temp18.then ? _temp18.then(_temp19) : _temp19(_temp18);
               });
-              if (_temp19 && _temp19.then) return _temp19.then(function () {});
+              if (_temp20 && _temp20.then) return _temp20.then(function () {});
             }
           }();
-          return _temp20 && _temp20.then ? _temp20.then(_temp21) : _temp21(_temp20);
+          return _temp21 && _temp21.then ? _temp21.then(_temp22) : _temp22(_temp21);
         });
       }, function (error) {
         console.log({
@@ -9553,21 +9597,27 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
         });
         reactToastify.toast.error("Print pdf failure!");
       });
-      return Promise.resolve(_temp22 && _temp22.then ? _temp22.then(_temp23) : _temp23(_temp22));
+      return Promise.resolve(_temp23 && _temp23.then ? _temp23.then(_temp24) : _temp24(_temp23));
     } catch (e) {
       return Promise.reject(e);
     }
   };
+  var examTime = React.useMemo(function () {
+    return utcToLocalTime(resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.startTime, "HH:mm") + " ~ " + utcToLocalTime(resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.finishTime, "HH:mm");
+  }, [resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.startTime, resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.finishTime]);
   return {
+    examTime: examTime,
     series: series,
     chartOptions: chartOptions,
+    allChartOptions: allChartOptions,
+    allSeries: allSeries,
     dataChartIndex: dataChartIndex,
     totalTime: totalTime,
     isStudent: isStudent,
     resultDatas: resultDatas,
     effectSize: effectSize,
     longTimeSpend: longTimeSpend,
-    timelyOrderQuestion: timelyOrderQuestion,
+    timelyOrderQuestions: timelyOrderQuestions,
     openProblem: openProblem,
     categoryResponses: categoryResponses,
     setOpenProblem: setOpenProblem,
@@ -11173,7 +11223,7 @@ function MyAnswer(_ref) {
     });
   };
   var renderPrintQuestions = function renderPrintQuestions(questions) {
-    var chunkedQuestions = _.chunk(questions, 5);
+    var chunkedQuestions = _.chunk(questions, 10);
     return chunkedQuestions.map(function (i, index) {
       return React__default.createElement("div", {
         key: index,
@@ -11382,7 +11432,7 @@ var CompareGrass = function CompareGrass(_ref) {
     });
   };
   var renderPrintTableBody = function renderPrintTableBody(effectSize) {
-    var chunkedEffectSizeQuestions = _.chunk(effectSize, 5);
+    var chunkedEffectSizeQuestions = _.chunk(effectSize, 10);
     return chunkedEffectSizeQuestions.map(function (i, index) {
       return React__default.createElement("tbody", {
         key: index,
@@ -11441,9 +11491,9 @@ var iconUpArrow = function iconUpArrow(_ref) {
   }, React__default.createElement("path", {
     d: "M5.25 15.375L12 8.625L18.75 15.375",
     stroke: "#CED2DA",
-    "stroke-width": "2",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   }));
 };
 
@@ -11462,9 +11512,9 @@ var iconDownArrow = function iconDownArrow(_ref) {
   }, React__default.createElement("path", {
     d: "M5.25 8.625L12 15.375L18.75 8.625",
     stroke: "#CED2DA",
-    "stroke-width": "2",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   }));
 };
 
@@ -11751,7 +11801,7 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
     });
   };
   var renderPrintCategories = function renderPrintCategories() {
-    var chunkedCategories = _.chunk(data, 5);
+    var chunkedCategories = _.chunk(data, 10);
     return chunkedCategories.map(function (i, index) {
       return React__default.createElement("div", {
         key: index,
@@ -11977,11 +12027,17 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     examSessionId = _ref.examSessionId,
     studentId = _ref.studentId,
     code = _ref.code;
-  var _useExamResult = useExamResult(searchParams, onNavigate, examSessionId, studentId, code),
+  var _useTab = useTab(),
+    selected = _useTab.selected,
+    handleChangeTab = _useTab.handleChangeTab;
+  var _useExamResult = useExamResult(searchParams, onNavigate, examSessionId, studentId, code, handleChangeTab),
+    examTime = _useExamResult.examTime,
     series = _useExamResult.series,
+    allSeries = _useExamResult.allSeries,
     chartOptions = _useExamResult.chartOptions,
+    allChartOptions = _useExamResult.allChartOptions,
     dataChartIndex = _useExamResult.dataChartIndex,
-    timelyOrderQuestion = _useExamResult.timelyOrderQuestion,
+    timelyOrderQuestions = _useExamResult.timelyOrderQuestions,
     isStudent = _useExamResult.isStudent,
     openProblem = _useExamResult.openProblem,
     resultDatas = _useExamResult.resultDatas,
@@ -11998,11 +12054,8 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     handleCreateQuestion = _useCreateQuestionDia.handleCreateQuestion,
     openCreateQuestionDialog = _useCreateQuestionDia.openCreateQuestionDialog,
     toggleCreateQuestion = _useCreateQuestionDia.toggleCreateQuestion;
-  var _useTab = useTab(),
-    selected = _useTab.selected,
-    handleChangeTab = _useTab.handleChangeTab;
   var isTabletUp = material.useMediaQuery('(min-width:900px)');
-  return React__default.createElement(React.Fragment, null, timelyOrderQuestion[dataChartIndex] && longTimeSpend && resultDatas && effectSize ? React__default.createElement("div", {
+  return React__default.createElement(React.Fragment, null, timelyOrderQuestions[dataChartIndex] && longTimeSpend && resultDatas && effectSize ? React__default.createElement("div", {
     style: {
       width: "100%"
     }
@@ -12068,7 +12121,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
       fontWeight: 600,
       color: "#414E62"
     }
-  }, moment(resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.startTime, "HH:mm").format("hh:mm") + " ~ " + moment(resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.finishTime, "HH:mm").format("hh:mm"))), React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
+  }, examTime)), React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
     sx: {
       fontSize: "13px",
       fontWeight: 600,
@@ -12139,6 +12192,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     var label = _ref2.label,
       value = _ref2.value;
     return React__default.createElement(material.Button, {
+      key: label,
       className: styles["truncate"],
       disableTouchRipple: true,
       sx: {
@@ -12186,7 +12240,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     options: chartOptions,
     series: series
   }))), React__default.createElement("div", {
-    className: styles$4["nextChart"] + " " + (dataChartIndex < timelyOrderQuestion.length - 1 && "pointer"),
+    className: styles$4["nextChart"] + " " + (dataChartIndex < timelyOrderQuestions.length - 1 && "pointer"),
     onClick: handleNextChart
   }, React__default.createElement(iconBtnNextChart, null)))), React__default.createElement(CustomTabPanel, {
     value: selected,
@@ -12284,7 +12338,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
       fontWeight: 600,
       color: "#414E62"
     }
-  }, moment(resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.startTime, "HH:mm").format("hh:mm") + " ~ " + moment(resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.finishTime, "HH:mm").format("hh:mm"))), React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
+  }, examTime)), React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
     sx: {
       fontSize: "13px",
       fontWeight: 600,
@@ -12317,7 +12371,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
   }, React__default.createElement(material.Typography, {
     className: "chart-title",
     sx: {
-      fontSize: "16px",
+      fontSize: "18px",
       fontWeight: 700,
       color: "#414E62"
     }
@@ -12332,26 +12386,37 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     gap: "12px",
     marginTop: "24px"
   }, React__default.createElement(material.Typography, {
+    className: "chart-title",
     sx: {
-      fontSize: "16px",
+      fontSize: "18px",
       fontWeight: 700,
       color: "#414E62"
     }
-  }, t(TabList[1].label)), React__default.createElement("div", {
-    className: styles$4["compareChart"]
-  }, React__default.createElement("div", {
-    className: styles$4["prevChart"] + " " + (dataChartIndex > 0 && "pointer"),
-    onClick: handlePrevChart
-  }, React__default.createElement(iconBtnPrevChart, null)), React__default.createElement("div", {
-    className: styles$4["chart"] + " sr-line-chart"
-  }, React__default.createElement("div", null, React__default.createElement(ReactApexChart, {
-    height: 389,
-    options: chartOptions,
-    series: series
-  }))), React__default.createElement("div", {
-    className: styles$4["nextChart"] + " " + (dataChartIndex < timelyOrderQuestion.length - 1 && "pointer"),
-    onClick: handleNextChart
-  }, React__default.createElement(iconBtnNextChart, null)))), React__default.createElement(material.Stack, {
+  }, t(TabList[1].label)), timelyOrderQuestions.map(function (timelyOrderQuestion, index) {
+    return React__default.createElement("div", {
+      key: index,
+      className: PrintContainerClassName
+    }, React__default.createElement(material.Typography, {
+      className: "pb-2 " + PrintHeaderClassName,
+      sx: {
+        fontSize: "14px",
+        fontWeight: 700,
+        color: "#414E62"
+      }
+    }, t("article_number"), " ", timelyOrderQuestion.article), React__default.createElement("div", {
+      className: styles$4["compareChart"] + " " + PrintContentClassName
+    }, React__default.createElement("div", {
+      className: "" + styles$4["prevChart"]
+    }), React__default.createElement("div", {
+      className: styles$4["chart"] + " sr-line-chart"
+    }, React__default.createElement("div", null, React__default.createElement(ReactApexChart, {
+      height: 389,
+      options: allChartOptions[index],
+      series: allSeries[index]
+    }))), React__default.createElement("div", {
+      className: "" + styles$4["nextChart"]
+    })));
+  })), React__default.createElement(material.Stack, {
     display: "flex",
     flexDirection: "column",
     gap: "12px",
@@ -12359,7 +12424,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
   }, React__default.createElement(material.Typography, {
     className: "chart-title",
     sx: {
-      fontSize: "16px",
+      fontSize: "18px",
       fontWeight: 700,
       color: "#414E62"
     }
@@ -12374,7 +12439,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
   }, React__default.createElement(material.Typography, {
     className: "chart-title",
     sx: {
-      fontSize: "16px",
+      fontSize: "18px",
       fontWeight: 700,
       color: "#414E62"
     }