D3无法在动态创建的HTML SVG上运行

Question

D3正在处理静态html元素

  <div id="main-container">
    <svg id="chart" width="300px" height="500px"></svg>
  </div>

但它不适用于动态创建的

。

let newChart = document.createElement("svg");
newChart.id = "chart";
newChart.setAttribute('width', '300px');
newChart.setAttribute('height', '500px');
mainContainer.append(newChart);

D3代码

this.svg = d3.select(`#chart`);
this.g = this.svg.append("g").attr("transform", "translate(" + MARGIN.left + "," + MARGIN.top + ")");
...

关于为什么会发生这种情况的任何想法？