在SVG d3j jquery的文本中显示fa图标

Question

我一直在使用d3j创建一些图表，我试图在文本中显示fa- icon，我正在做的是

  svg.select('#g_axis').selectAll('text')
      .data(dataset.slice(startSet, endSet))
      .enter()
      .append('text')
      .attr('font-family', 'FontAwesome')
      .attr('x', paddingLeft)
      .attr('y', lineSpacing + dataHeight / 2)
      .html(function (d) {
        console.log(d.measure);
        return d.measure + "<i class='red main-sidebar fa fa-chain-broken'></i>";
      })
      .attr('transform', function (d, i) {
        return 'translate(0,' + ((lineSpacing + dataHeight) * i) + ')';
      })
      .attr('class', 'ytitle');

我尝试将font-family添加到fontAwesome，就像在一些stackoverflow答案中建议的那样，

并添加为

.html(function (d) { console.log(d.measure); return d.measure + "<i class='red main-sidebar fa fa-chain-broken'></i>"; })

它只返回测量，但不是应该是红色的图标，类可用，当我检查元素时，还有text标记i类，但图标仍然不可见，在上面的代码中我用measure附加fa图标，只是为了尝试它，但基本上我给的测量值

"abc <i class='red fa fa-chain-broken'></i>" ..

当.text(function(d))显示标记本身但在执行.html之后，它现在没有显示标记，但也没有显示预期的输出。任何帮助将不胜感激。

提到重复的问题是将所有文本作为fa-icon，我有一个字符串并连接fa-icon。