使用包含数据和链接的d3.js和json数据创建表

时间:2015-11-19 12:00:00

标签: javascript jquery json d3.js

我没有我希望实现的编码示例。但我有一个从客户端请求的服务器端json。数据需要呈现为表格。 到目前为止d3.js不会那么困难。问题是数据中的某些字段实际上是属于不同数据项的ID。例如: Intent intent = new Intent(MainActivity.this, NextActivity.class); MainActivity.this.startActivity(intent ); id实际上是名称的url,因此在表名中应该成为url" id"和描述"名称"。我希望这是有道理的。

问题是:如何使用d3.js的数据元素来区分数据和链接?我的第一个想法是制作整个表格并填写所有数据。然后搜索ID并随后更改单元格。但这似乎在D3.js中不起作用 也许用简单的循环而不是使用d3.js会更简单?

1 个答案:

答案 0 :(得分:0)

您可以使用数据创建链接和名称,如下所示:

yourSelection
.append('a')
.attr({
    class: 'link',
    href: function (d) { return d.id; }
})
.html(function (d) { return d.name; });

笔中包含您的数据格式的完整示例代码(不是表格而是列表但显示过程):http://codepen.io/eesur/pen/yYwQBj/