d3.on("mouseover") Ereignis funktioniert nicht mit verschachtelten SVG-elements

Ich habe einen verschachtelten Satz von Elementen (SVG). Das root-element ist die Grafik, und die Kinder sind die Elemente in der Grafik (Linien, Achsen, etc.). Vereinfachtes Beispiel:

<g transform="translate(80,10)" id="mainGraph">
    <g class="Line">
        <path d="....."></path>
    </g>
</g>

Mein problem ist, dass wenn ich binden einen mouseover/mousemove-Ereignis (mit D3.on("mouseover") zum Beispiel), um die mainGraph element, es nur auslöst wenn ich mit der Maus über eines der untergeordneten Elemente.

Eines der Dinge, die ich lese, ist, dass es Priorität der spätere Elemente, so dass ich Hinzugefügt .Stil("pointer-events","none"), um alle Kind-Elemente, aber das hat nicht funktioniert.

InformationsquelleAutor user2279929 | 2013-07-05
Schreibe einen Kommentar