如何在循环中为每个路径(线类)添加标签? d3js

时间:2019-02-18 01:27:13

标签: javascript d3.js svg charts

我有以下代码:

dataNest.forEach(function(d) {

        svg.append("path")
            .attr("class", "line")
            .style("stroke", function() { // Add dynamically
                return d.color = color(d.key); })
            .attr("d", priceline(d.values));   

    });

它遍历我的数据,并为数据中的每个条目添加一行。我希望每行都有一个标签。我认为在此循环中很容易做到这一点,因为似乎是在将线添加到图表时。

因此,数据中的每个对象(上述代码中的变量d)都有一个称为符号的属性,这是我要显示为标签的文本。

我尝试了以下操作:

svg.append("path")
   .attr("class", "line")
   .style("stroke", function() { // Add dynamically
        return d.color = color(d.key); })
   .attr("d", priceline(d.values))
   .attr("text", d.symbol);

但是这不起作用,因为我的图表上没有标签。这似乎应该很容易,但是我在网上找不到任何这样做的例子。

0 个答案:

没有答案