无法将文字套用至d3.js节点

时间:2019-04-22 09:13:32

标签: javascript d3.js

无法将文本添加到d3.js节点。我有mockData,它的属性需要在d3.js节点中显示

const newElems = svg
    .selectAll('#newElem')
    .data(mockData)
    .enter()
    .append('rect')
    .attr('id', 'newElem')
    .attr('fill', ANALYSIS_TREE['whiteBg'])
    .attr('stroke', ANALYSIS_TREE['lines'])
    .attr('width', 210)
    .attr('height', 80)
    .attr('x', (d) => d.x)
    .attr('y', (d, i) => 100 * i)

  const newElemsText = newElems
    .append("g")
    .text(function (d) { return d.name; })
    .style("text-anchor", "middle")
    .style("fill", "#555")
    .style("font-family", "Arial")
    .style("font-size", 12);

0 个答案:

没有答案