Improve names

renderer.php

@@ -360,11 +360,32 @@ class format_competencegraph_renderer extends format_section_renderer_base {
             svgimg.setAttributeNS(null,'y', tempCircles[i].y_axis - 12);
             svgimg.setAttributeNS(null, 'visibility', 'visible');
             svgimg.setAttributeNS(null, 'id', tempCircles[i].vet_id);
+            svgimg.setAttributeNS(null, 'alt', tempCircles[i].name);
             svgimg.onclick = function (e) {
                 openId(e.originalTarget.id);
             };
         
             document.getElementsByTagName('svg')[0].append(svgimg);
+
+        }";
+
+        echo "
+        function showTitles() {
+            for (var i = 0; i < tempCircles.length; i++) {
+
+                var txt = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+                txt.setAttributeNS(null, 'x', tempCircles[i].x_axis);
+                txt.setAttributeNS(null, 'y', tempCircles[i].y_axis + 32);
+                txt.setAttributeNS(null,'font-size','12');
+                txt.setAttributeNS(null,'dominant-baseline','middle');
+                txt.setAttributeNS(null,'text-anchor','middle');
+
+                txt.innerHTML = tempCircles[i].name;
+                        
+                document.getElementsByTagName('svg')[0].append(txt);
+
+
+            }
         }";
 
         echo "
@@ -503,7 +524,8 @@ class format_competencegraph_renderer extends format_section_renderer_base {
                 
             }
 
-      </script>';
+      </script>
+      <input type="button" value="Mostrar títulos" onclick="showTitles()">';
 
     }