我有一个数据集,其中包含2014-2019年之间的submitt_year值。我下面的代码每年正确创建矩形。我想用年份标记每个矩形。现在每个矩形内的输出为<text style="color: white;">[object Object]</text>
:
function dashboard() {
d3.csv("SampleData.csv", (error,data) => (dataViz(data)));
function dataViz(incomingData) {
var yearList = d3.nest()
.key(d => d.submission_year)
.entries(incomingData);
d3.select("svg")
.selectAll("rect")
.data(yearList)
.enter()
.append("rect")
.attr("width", 800/yearList.length*1.05)
.attr("height", 50)
.attr("x", (d, i) => i * 800/yearList.length)
.attr("y", 10)
.style("fill", "#3A5FCD")
.style("stroke", "#CCCCCC")
.style("stroke-width", "1px")
.append("text")
.style("color", "white")
.text((d,i) => yearList[i]);
}
}
我该如何获取显示在矩形上的值(如果重要的话,它可能是整数)?