Question

我几乎可以将所有d3 v3.x视觉效果都适应v5，而不必大惊小怪。总而言之，没有什么不同。但是我们确实做了一些更改，例如：d3.svg.line() >> d3.line()和d3.svg.axis(scale).orient('left') >> d3.axisLeft(scale)，尽管没有什么大的变化。

.append('line')发生了什么事，我找不到文档。这是我最初用于v3的脚本的一部分，但我适应了v5。我可能不会显示整个脚本，因为它有很多像十字准线和网格线之类的花招。但是，一切都可以工作，除了这几行。我只是想绘制一条从原点到图右上角的对角线。

var diagonal = graphGroup.append('line')//line 122
    .attr({x1:xScale(0), x2:xScale(1), y1:yScale(0), y2:yScale(1)})//123
    .attr('stroke','black')//124
    .attr('stroke-width',2);//125

脚本因该错误而崩溃，引用行124：

未捕获（承诺）TypeError：无法读取null的属性“ attr”

问题

v5为什么不理解这种看似通用的创建对角线的语法？

到目前为止我的疑难解答

确认现有语法可以在d3 v3中正常工作
当我注释掉这4行时，视觉效果完美，因此可以确认是这4行
我在暗处刺了一下，方法是将端点更改为第123行的字符串，例如：x1 >> 'x1'，但无济于事

d3.js v5追加行的方法

问题

0 个答案: