Я пытаюсь установить значок FontAwesome вместо текста в моих узлах D3. Это оригинальная импликация с текстом:
g.append('svg:text')
.attr('x', 0)
.attr('y', 4)
.attr('class', 'id')
.text(function(d) { return d.label; });
И теперь я пытаюсь использовать значки:
g.append('svg:i')
.attr('x', 0)
.attr('y', 4)
.attr('class', 'id icon-fixed-width icon-user');
Но это не работает, хотя разметка правильная, и правила CSS правильно удалены: значки не видны.
Любая идея, почему?
Вот связанный jsbin
ИЗМЕНИТЬ
Я нашел эту альтернативу для вставки изображений: http://bl.ocks.org/mbostock/950642
node.append("image")
.attr("xlink:href", "https://github.com/favicon.ico")
.attr("x", -8)
.attr("y", -8)
.attr("width", 16)
.attr("height", 16);
Это именно то, что я хочу сделать, но он не работает с <i>
элементами, используемыми FontAwesome.