从D3.Nest()访问键值

时间:2019-03-18 02:36:23

标签: javascript d3.js

我有一个数据集,其中包含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]);
    }
    }

我该如何获取显示在矩形上的值(如果重要的话,它可能是整数)?

0 个答案:

没有答案