d3无法渲染某些文字

时间:2017-05-29 04:03:02

标签: d3.js

我使用以下代码生成散点图,每个点旁边都有一个文本标签。数据是长度为35的数组,它产生35个圆圈。问题是文本只渲染索引34 - 17并且只是停止(我设置轴"向后"值越小越好和向右)。测试显示.data方法只在索引16处停止,没有错误或输出到控制台。我很难过,所以任何帮助都会非常感激:

       svg.selectAll('circle')
       .data(data)
       .enter()
       .append('circle')
       .attr('class', d => {return d.Doping == "" ? "circle-green" : "circle-
      red"})
      .attr('cx', (d, i) => xScale(d.SecondsBehind))
      .attr('cy', d => yScale(d.Place))
      .attr('r', 5);

     svg.selectAll('text')
       .data(data)
       .enter()
       .append('text')
       .text((d, i) => d.Name)
       .attr('x', (d, i) => xScale(d.SecondsBehind) + 20)
       .attr('y', d => yScale(d.Place) - 3);

0 个答案:

没有答案