我正在尝试*.csv使用d3 创建一个链接到文件的表,但我得到的只是一个空白的网页.即使使用克里米亚示例,我也会得到一个空白页面.
我将很感激被指导或展示一个工作实例或建议我做错了什么.
我有函数式编程的背景,原则上理解递归,但我似乎无法将这些知识转化为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>
我有以下数据结构
{ key: 'a',
values: { key: 'a0',
values: { key: 'a00',
values: {...}
},
{ key: 'a01',
values: {...}
}
},
{ key: 'a1',
values: {...}
}
},
{ key: 'b',
values: {...}
}
我看到了处理两级嵌套的示例,可以按照它们来处理数据.我只需要为每个元素绘制带有键属性的矩形,并根据该对象的其他一些属性确定其颜色和位置.这是接近我想要做的示例代码
var data = [
{
key : 'dept1',
values : [
{
key : 'group-1-1',
values : [
{
key : 'emp-1-1-1',
salary : 10000
},
{
key : 'emp-1-1-2',
salary : 20000
},
{
key : 'emp-1-1-3',
salary : 30000
},
{
key …