Делаем переменную жирным шрифтом, когда помещаем в функцию p.text

Question

Итак, у меня есть эта функция p.text, которая показывает мне текст, название страны (d.properties.name) и значение, которое имеет эта страна (d.properties.value). Как, например, сделать странуимя выделено жирным шрифтом?

var countryHeight = d.properties.value;
var countryName = d.properties.name;
    p.text(function(countryHeight){return "The Average Height of Men in " +  d.properties.name + " = " + d.properties.value})
    .style("color", "red")
    .style("font-size", "150%")

Answer 1

Если вы внедряете это в HTML-страницу (веб-страницу), вы можете включить разметку в текстовую функцию.

var countryHeight = d.properties.value;
var countryName = d.properties.name;
p.text(function(countryHeight){return "The Average Height of Men in <b>" +  d.properties.name + "</b> = " + d.properties.value})
    .style("color", "red")
    .style("font-size", "150%");