d3.js - как отобразить метки данных

Question

У меня есть диаграмма, и я добавляю метки данных для каждой точки следующим образом.

    var datalabelText = dataLabelLayer.append("text")
                            .attr('x', xPosition)
                            .attr('y', yPosition)                                                                
                            .attr('class', 'dataLabels' + i);
                            .append('tspan').text(formattedValue);

datalabelText.style(charts.dataLabel);

charts.dataLabel: {
                        "fill": that.datalabeltextcolor(),
                        "font-size": that.datalabelfontsize() + "px",
                        "font-family": that.globalfontfamily,
                        "white-space": "nowrap"
                    }

Здесь formattedValue будет иметь вид «Имя точки Значение (в числах)». Например, «Телевидение 650.00». Я хочу, чтобы номер был цветным, а не текст. Как я могу это сделать? Если я добавляю отдельные классы и tspan для метки и значения, он отображается в две строки. Я хочу, чтобы метка и значение находились в одной строке, только значение будет окрашено.

Answer 1

Нашел ответ.

var datalabelText = dataLabelLayer.append("text")
                            .attr('x', xPosition)
                            .attr('y', yPosition)                                                                
                            .attr('class', 'dataLabels' + i);
                            .append('tspan').text(label)
                            .append('tspan').text(value).style("fill","red");

Удален стиль заливки из charts.dataLabel.