Cumulocity SCADA Widget im Internet Explorer

Question

Meine SCADA-Widgets werden in Chrome und Firefox korrekt angezeigt, aber nicht im Internet Explorer (ich habe IE 11 versucht). Vielleicht ist dies eine allgemeine IE/.svg Problem, oder vielleicht habe ich etwas falsch, hier ist ein Auszug aus meinem .svg:

... 
<g 
    id="layer1-1-7" 
    inkscape:label="Layer 1" 
    transform="translate(90.285715,99.790733)"> 
    <!--{{state1}}--> 
    <rect ... ng-class="{spotFree: state1=='free', spotOccupied: state1!='free'}" ... /> 
    ... 
</g> 
... 
<style 
    id="style3348" 
    type="text/css"> 
    .spotOccupied { 
     fill:#ff0000; 
    } 
    .spotFree { 
     fill:#00ff00; 
    } 
</style> 
... 

also wirklich nur ein Rechteck, das je Farbe ändern angenommen hat, auf den Wert der eine Eigenschaft, die eine Verbindung zu der Eigenschaft eines meiner Geräte herstellt. Funktioniert mit Chrome/FF, aber im IE wird überhaupt kein Stil angewendet (Rectengle ist schwarz und ändert sich nicht mit dem Zustand der Requisite). Gibt es etwas mehr/anderes, was ich tun sollte?

Answer 1

Es scheint, dass ein Problem von IE ist - es verarbeitet keine <style> Tags in dynamisch hinzugefügt. Das Problem wird z.B. here im Allgemeinen und here im Kontext von SVG. SVG-Dateien im SCADA-Widget werden dynamisch eingefügt, so dass sie betroffen sind. Sie können überprüfen, ob, wenn Sie den folgenden JavaScript-Code (aus dem zweiten Link) in der Konsole von IE11 mit Ihrem Dashboard öffnen, die Farben auf SVG erscheinen.

_.each(document.querySelectorAll('style'), function (s) { 
    s.textContent += ''; 
}); 

Ich sehe im Moment keine gute Problemumgehung. Vorübergehend können Sie fill Eigenschaft direkt mit ng-style für jedes Element zuweisen, aber es dupliziert offensichtlich Code. Ich denke, Sie können ein Ticket nach Cumulocity erhöhen, um das SCADA-Widget zu verbessern, so dass es die Auswertung von <style> Tags innerhalb der eingefügten SVG-Datei auslöst.

Answer 2

Ich habe hier bei Cumulocity mit unseren eigenen SCADA-Widgets überprüft, ob sie gut funktionieren. Diese arbeiten an IE11. Ich kann also nicht bestätigen, dass es ein generelles SCADA-Widget-Problem mit IE11 gibt.