如何在函数中附加html元素

Question

这是我从函数中得到的代码：

.text(function (d, i) { return data[i].label + " <tspan style='font-weight:700;'>(" + data[i].value + ")</tspan>" });

但output MARCO <tspan style='font-weight:700;'>(7)</tspan>而非MARCO <tspan style='font-weight:700;'>(7)</tspan>。

所以它不像HTML一样评估。在＆＃34;注入＆＃34;之前我应该​​在哪里解码文本？它？

Answer 1

使用html()代替text()。 text()将对字符串进行编码并将其添加到DOM中。

.html(function (d, i) {
    return data[i].label + " <tspan style='font-weight:700;'>(" + data[i].value + ")</tspan>"
});