如何在d3.js中的同一行上创建不同类的文本?

时间:2015-03-31 23:01:39

标签: javascript css d3.js

我想以不同的方式在同一行上设置文本的不同部分。我想将values数组中的项目分配给与百分比数组中的项不同的类,同时仍将它们绘制在同一行上,但我不确定如何。现在我有:

var labels = svg.selectAll(".labels").data(values).enter();
labels.append("text")
    .attr("class", "labels")
    .text(function (d, i) {
        var labelText = values[i] + " (" + percentages[i] + "%)";
        return labelText;
    })
    .attr("x", function (d, i) {
        return labelXLeft;
    })
    .attr("y", function (d, i) {
        return labelYBottom;
    });

如果仍然在值文本后面绘制百分比文本,我如何将值[i]分配给类valuesLabels和percentages [i]到类百分比标签?我不想尝试计算值文本的宽度,因为字体不是等宽字体。

0 个答案:

没有答案