小编use*_*289的帖子

如何编写递归d3.js代码来处理嵌套数据结构?

我有函数式编程的背景,原则上理解递归,但我似乎无法将这些知识转化为D3.js环境.

我在下面有一个hello world脚本,它试图简单地打印嵌套数据结构的内容.遵循其他线程的建议,我可以使用.filter只返回节点,但如何继续此示例递归打印嵌套项?

<!DOCYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="d3.v3.js"></script>

        <script>
            function draw(data)
            {
                "use strict";

                d3.select("body")
                    .selectAll("p")
                    .data(data)
                    .enter()
                    .append("p")
                    .text(function(d) {
                            if (d instanceof Array) {
                                return "WHAT DO I PUT HERE?";
                            }
                            else {
                                return d;
                            };
                        });
            }
        </script>
    </head>

    <body>
        Hello world

        <script>
            draw([1, [2, [1, 2, 3, 4] ], 3, 4, 5]);
        </script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript recursion nested d3.js

6
推荐指数
2
解决办法
4456
查看次数

标签 统计

d3.js ×1

javascript ×1

nested ×1

recursion ×1