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");

从chart.dataLabel中删除了填充样式。