Diagramm zeigt nicht (nur Text zeigt nach oben) für dynamische hinzugefügt svg in nvd3/d3

Question

Ich versuche, in nvd3

Es funktioniert ein piechart für ein svg Element hinzuzufügen, wenn das Element in HTML, aber nicht wenn es in jquery hinzugefügt wird.

Vergleichen working und not working

es ein CSS-Konflikt pro this bug zu sein scheint.

Answer 1

In diesem Fall kann das Problem gelöst werden, indem Sie D3 verwenden, um das SVG anstelle von jQuery einzufügen. Im Wesentlichen kann D3 die meisten Dinge tun, die jQuery macht, daher ist es sinnlos, sie zu verwenden.

Ersetzen Sie Ihre jQuery-Code mit:

d3.select('#container').append('svg').attr('id', 'svg2');