将d3.js与XML一起使用

Question

我想使用d3.js将来自和XML文档的数据绑定到HTML中。目前我有这样的XML：

<data>
<fields>Unique Terms</fields>
    <term>Roof</term>
    <term>Snow</term>
    <term>Chains</term>
    <term>Bars</term>
    <term>Seat</term>
<fields>Clicks</fields>
    <clicks>135</clicks>
    <clicks>09</clicks>
    <clicks>4379</clicks>
    <clicks>39</clicks>
    <clicks>466</clicks>
<fields>Impressions</fields>
</data>

我的d3.js脚本是这样的：

d3.xml("values.xml", "application/xml", function(xml) {

    var fieldNames = d3.select(xml).selectAll("fields")[0];
    var termNames = d3.select(xml).selectAll("term")[0];

    d3.select('.container')
        .selectAll('div')
        .data(fieldNames)
        .enter()
        .append('div')
        .text(function(d) {
            return d.textContent;
        })

    d3.select('.container')
        .selectAll('div')
        .data(termNames)
        .enter()
        .append('div')
        .text(function(d) {
            return d.textContent;
        })

});

令人沮丧的是，它显示了字段textcontent而不是嵌套的“term”内容。有谁知道怎么了？