无法在D3上设置文字

时间:2019-01-24 12:37:15

标签: d3.js

伙计;

我正在尝试一些基本的操作,但是空了。我正在尝试将文本添加到圈子中,但该文本从不显示。标题显示令人满意,但文本从未出现。我试图将圆圈上的填充也设置为无,但仍然无济于事

function initializeDisplay() {
    // set the data and properties of link lines
    link = svg.append("g")
            .attr("class", "links")
            .selectAll("line")
            .data(graph.links)
            .enter().append("line");

    // set the data and properties of node circles
    node = svg.append("g")
            .attr("class", "nodes")
            .selectAll("circle")
            .data(graph.nodes)
            .enter().append("circle")
            .style("fill", circleColor)            
            .attr("stroke", "black")    
            .attr("opacity", 50.0)
            .call(d3.drag()
                    .on("start", dragstarted)
                    .on("drag", dragged)
                    .on("end", dragended));

    // node tooltip
    node.append("title")
            .text(function (d) {
                return d.id;
            });

    /// text
    node.append("text")
                .attr("dx", -10)
                .attr("dy", ".35em")
                .attr("fill", "black")
                .style("stroke", "black")
                .text("TheText");


    // visualize the graph
    updateDisplay();
}

0 个答案:

没有答案