Javascript d3js在另一个标记中添加标记

我想用html创建一个图例，如下所示：

<li><span style="background-color:#n;"></span> Label</li>

---

一些建议？谢谢

只需在文本前插入span即可：

d3.select("#myid").selectAll("li")
.data(dataset)
.enter()
.append("li")
.text(function(d) {return d;})
.insert("span", ":first-child")
.attr('style', function(d, i) {return "background-color:" + color});

---

好的，最后我用css float left end修复了@Asad代码。

它应该可以工作。更多信息：@carlo不，不是我的答案，你应该用你描述的解决方案写一个答案，然后接受。

d3.select("#myid").selectAll("li")
.data(dataset)
.enter().append("li")
.text(function(d) {return d;})
.insert("span")
.attr('style', function(d, i) {return "background-color:" + color});

d3.select("#myid").selectAll("li")
.data(dataset)
.enter()
.append("li")
.text(function(d) {return d;})
.insert("span", ":first-child")
.attr('style', function(d, i) {return "background-color:" + color});