d3.js v4 - 无法附加文本

Question

我有以下功能可以帮助我在传单地图上绘制图例。

/*Function for generating a legend with the same categories as in the clusterPie*/
function renderLegend() {
var data = d3.entries(metadata.fields[categoryField].lookup),
    legenddiv = d3.select('body').append('div')
        .attr('id','legend');
console.log(data);

var heading = legenddiv.append('div')
    .classed('legendheading', true)
    .text(metadata.fields[categoryField].name);

var legenditems = legenddiv.selectAll('.legenditem')
    .data(data);
console.log("Partial");

legenditems.enter().append('div').attr('class', function(f){return 'category-'+f.key;})
    .text(function(f){console.log('hi'); return f.value;});

legenditems.classed({'legenditem': true});

当我删除.classed({'legenditem': true})部分时，我会立即看到传说呈现但不会停留在那里，如果我保留它，则会显示错误消息text is not a function。我认为这是与D3 v3中编写的上述代码相关的内容。但我似乎无法弄明白究竟是什么。