small improvements in displaying, fixed scale

main.html

@@ -36,21 +36,25 @@
 
 
    let data = new Map();
-   data.set("INS", 0); // instructional principle
-   data.set("VIS", 2); // visibility / audio
-   data.set("SEG", 3); // segmentation
-   data.set("ACT", 4); // activity
-   data.set("INT", 5); // interactivity
-   data.set("DYN", 1); // dynamic drawing
-   data.set("TRA", 2); // translatability
-
-   function loadNewRadarChar(chrtelement, data) {
-
+   data.set("instructional principle", 4); // instructional principle
+   data.set("visibility", 2); // visibility / audio
+   data.set("segmentation", 3); // segmentation
+   data.set("activity", 4); // activity
+   data.set("interactivity", 5); // interactivity
+   data.set("dynamic drawing", 3); // dynamic drawing
+   data.set("translatability", 2); // translatability
 
+   function loadNewRadarChart(data, videotitle) {
+      chartId.update();
    }
 
    function setNewValues() {
       console.log("Hi!");
+
+      let nameValue = document.getElementById("videoname").value;
+      console.log(nameValue);
+
+      loadNewRadarChart(chartId, data, nameValue);
    }
    </script>
 </head>
@@ -182,6 +186,15 @@
             }],
          },
          options: {
+            scales: {
+               r: {
+                  angleLines: {
+                     display: true
+                     },
+                  min: 0,
+                  max: 5
+                  },
+            },
             responsive: false,
             elements: {
                line: {
@@ -189,6 +202,7 @@
                }
             }
          },
+         plugins: []
       });
 
    </script>