Javascript 使用D3将嵌套JSON文件转换为表

我有与下面所示类似的

JSON

数据。我想使用

D3.js

将相同的数据转换成一个表，有人能帮我吗

JSON数据：

{
    "items": [
        {
        "tableName": "incidents",
        "count": 20000,
        "columnNames": [
            "id",
            "subject",
            "category"
        ],
        "rows": [
            [
                "61",
                "Test",
                null
            ],
            [
                "65",
                "TEST 2",
                null
            ]...
}

输出：

Id Subject Category

61  TEST 1  Null

65  TEST 2  Null

根据您的数据：

var数据={
“项目”：[
{
“表名”：“事件”，
“计数”：20000，
“列名称”：[
“身份证”，
“主题”，
“类别”
],
“行”：[
[
"61",
“测试”，
无效的
],
[
"65",
“测试2”，
无效的
],
[
"67",
“测试3”，
“非空”
]
]
}
]
}
功能表格（数据、列）{
var table=d3。选择（'body'）。追加（'table'））
var thead=table.append（'thead'）
var tbody=table.append（'tbody'）；
//追加标题行
thead.append（'tr'）
.selectAll（'th'）
.data（列）。输入（）
.append（'th'）
.text（函数（列）{返回列；}）；
//为数据中的每个对象创建一行
var rows=tbody.selectAll（'tr'）
.data（数据.items[0]。行）
.输入（）
.append（'tr'）；
//在每行中为每列创建一个单元格
变量单元格=行。选择全部（'td'）
.data（函数（行，i）{返回行；}）
.输入（）
.append（'td'））
.text（函数（d）{return d；}）；
返回表；
}
//呈现表格
制表（数据，数据。项[0]。列名称）；//数据，列表

欢迎您！请看和。请显示您试图获得所需输出的情况。