我正在尝试在节点中使用d3js创建一个表。对于该表,我想创建一个类似于甘特图的列。为此,我在最后一列中需要一个svg元素。但是我很难理解如何为最后一列运行一个函数,该函数使用其他列的值并创建一个svg元素。
创建列和行的代码:
cvc-identity-constraint.4.3: Key 'partRef' with value 'A1' not found for identity constraint of element 'parent'. file.xml /sheet/xsd line 19 XML Problem
是否可以在 this.thead.selectAll("th")
.data(this.HeadColumns)
.enter()
.append("th")
.text(function(d) { return d; });
let rows = this.tbody.selectAll("tr")
.data(ViewModel.dataPoints);
rows.enter().append("tr");
rows.exit().remove();
let cells = rows.selectAll("td")
.data(function(row) {
return d3.map(row).values();
})
.enter()
.append("td") //<-- ?
上的.append(“ td”)上运行一个函数,以便将svg元素放置在最后一列中,并在该svg元素上运行一个函数,以构建可视化效果?
数据如下:
let cells
完整代码:
dataPoints = [
{
"Task" : "A",
"Start": "Thu Dec 01 2011",
"Finish": Thu Dec 01 2012"
},
{
"Task" : "B",
"Start": "Thu Dec 01 2012",
"Finish": Thu Dec 01 2013"
}
]