javascript - 将 d3 子弹图加载到跨度中

Question

我正在尝试将 d3.js 子弹图加载到现有的 svg 对象中:

<span id='element'><svg class="elm_12"></svg></span>

在 js 中:

var svg = d3.select(elementid)
        .data(data)
        .enter().append("svg")
          .attr("class", "bullet")
          .attr("width", width + margin.left + margin.right)
          .attr("height", height + margin.top + margin.bottom)
        .append("g")
          .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
          .call(chart);

我假设我无法将 svg 元素添加到现有的 svg 元素。对实现此目标的最佳方式有何想法？

Answer 1

我打算将其作为注释放置，但代码语句太多了。这个怎么样:

<span id='element'></span>
...

var svg = d3.select("#element")
  .append("svg")
    .attr("class", "bullet")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom);

svg
    .data(data)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
    .call(chart);