JavaScript Event-Snippets

5 kleine Beispiele für JavaScript Events, die in unseren Produkten in die dafür vorgesehenen JavaScript Eventboxen eingefügt werden können.

After Load:

1.) Schriftart ändern (ohne Kartenname)

 paper.forEach(function (el) {
 if(el.attr('font-size') <= 17)
 { 
     el.attr({"font-family": "Times,sans-serif" });
 }
 });

-->if(el.attr(‚font-size‘) <= 17) er richtet sich nach der Schriftgröße des Regionelements (das zweitgrößte) und verändert alles was kleiner ist.

2.) Labels entfernen (ohne Kartenname)

 paper.forEach(function (el) {
 if(el.attr('font-size') <= 17)
 { 
     el.attr({text: ''});
 }
 });

-->if(el.attr(‚font-size‘) <= 17) er richtet sich nach der Schriftgröße des Regionelements (das zweitgrößte) und verändert alles was kleiner ist.

3.) Schriftgröße prozentual ändern (ohne Kartenname)

paper.forEach(function (el) {
 if(el.attr('font-size') <= 17)
 { 
     var scale = 150;
     el.attr({"font-size": el.attr('font-size') * scale / 100 });
 }
 });

-->scale entspricht den gewünschten Prozent
-->if(el.attr(‚font-size‘) <= 17) er richtet sich nach der Schriftgröße des Regionelements (das zweitgrößte) und verändert alles was kleiner ist.

4.) Stroke-Width ändern

 paper.forEach(function (el) {
     el.attr({"stroke-width":"2"});
 });

5.)Stroke-Style hinzufügen (z.B. dashed)

 paper.forEach(function (el) { 
     el.attr({"stroke-dasharray":"-"});
     el.attr({"stroke-width":"1"});    
 });