Refactor question creation and chart configuration

web/newWebsite/questions-main.js

@@ -13,15 +13,22 @@ let questionOptionsDummy4 = ['really crowded','not at all', 'its fine', ];
 let dummydata5 = [30, 20, 20];
 let questionOptionsDummy5 = ['no','yes', 'decently'];
 
-const question1Data = new QuestionCreationClass(dummydata1,questionOptionsDummy1)
-const question2Data = new QuestionCreationClass(dummydata2,questionOptionsDummy2)
-const question3Data = new QuestionCreationClass(dummydata3, questionOptionsDummy3);
-const question4Data = new QuestionCreationClass(dummydata4, questionOptionsDummy4);
-const question5Data = new QuestionCreationClass(dummydata5, questionOptionsDummy5);
+
+let questionArray = [];
+let questionOptionsDummy = [];
+let dummydata = [];
+
+for (let i = 0; i < 5; i++) {
+    dummydata.push(dummydata1, dummydata2, dummydata3, dummydata4, dummydata5);
+    questionOptionsDummy.push(questionOptionsDummy1, questionOptionsDummy2, questionOptionsDummy3, questionOptionsDummy4, questionOptionsDummy5);
+
+    questionArray.push(new QuestionCreationClass(dummydata[i], questionOptionsDummy[i]));
+}
+
 
 const chartConfig1 = {
     type: 'pie',
-    data: question1Data.questionData,
+    data: questionArray[0].questionData,
     options: {
         responsive: true,
         legend: {
@@ -40,7 +47,7 @@ const chartConfig1 = {
 
 const chartConfig2 = {
     type: 'pie',
-    data: question2Data.questionData,
+    data: questionArray[1].questionData,
     options: {
         responsive: true,
         legend: {
@@ -59,7 +66,7 @@ const chartConfig2 = {
 
 const chartConfig3 = {
     type: 'pie',
-    data: question3Data.questionData,
+    data: questionArray[2].questionData,
     options: {
         responsive: true,
         legend: {
@@ -78,7 +85,7 @@ const chartConfig3 = {
 
 const chartConfig4 = {
     type: 'pie',
-    data: question4Data.questionData,
+    data: questionArray[3].questionData,
     options: {
         responsive: true,
         legend: {
@@ -97,7 +104,7 @@ const chartConfig4 = {
 
 const chartConfig5 = {
     type: 'pie',
-    data: question5Data.questionData,
+    data: questionArray[4].questionData,
     options: {
         responsive: true,
         legend: {