小编Kre*_*hen的帖子

javascript缩放树图单击最后一个节点

如何捕获最后一个节点的click事件?

我按照本教程(http://bl.ocks.org/ganeshv/6a8e9ada3ab7f2d88022)制作了树形图。我的目的是要使最后一个节点可单击,然后将节点数据发送到服务器。

我使用开发人员工具来获取树状图的结构。在此处输入图片说明

我在js文件中的代码是:

function display(d) {
    lastGroupArray = [];
    // collectLastGroup(d);

    console.log(lastGroupArray);

    grandparent
        .datum(d.parent)
        .on("click", transition)
        .select("text")
        .text(name(d));

    var g1 = svg.insert("g", ".grandparent")
        .datum(d)
        .attr("class", "depth");

    var g = g1.selectAll("g")
        .data(d._children)
        .enter().append("g");

        g.filter(function (d) { return d._children; })
            .classed("children", true)
            .on("click", transition);

    var children = g.selectAll(".child")
        .data(function(d) { return d._children || [d]; })
        .enter().append("g");

        children.append("rect")
            .attr("class", "child")
            .call(rect)
            .append("title")
            .text(function(d) { return d.name + " (" + formatNumber(d.value) + ")"; });
        //append child text
        children.append("text")
            .attr("class", "ctext") …
Run Code Online (Sandbox Code Playgroud)

javascript treemap d3.js

5
推荐指数
1
解决办法
353
查看次数

标签 统计

d3.js ×1

javascript ×1

treemap ×1