Javascript D3(v5)中的SVG路径转换工作不正常

Javascript D3(v5)中的SVG路径转换工作不正常,javascript,d3.js,transition,Javascript,D3.js,Transition,使用v5基于JSON数据绘制我的签名 我无法在v5中设置动画,但在v3中效果很好 const data=[{“方位角”:2.2814462,“仰角”:0.60907805,“压力”:0.010744811,“时间”:82598635,“x”:114.150024,“y”:236.93994},{“方位角”:2.2987978,“仰角”:0.5964333,“压力”:0.015628817,“时间”:82598670,“x”:102.77983,“y”:273.95093},{“方位角”:2.2

使用v5基于JSON数据绘制我的签名

我无法在v5中设置动画,但在v3中效果很好

const data=[{“方位角”:2.2814462,“仰角”:0.60907805,“压力”:0.010744811,“时间”:82598635,“x”:114.150024,“y”:236.93994},{“方位角”:2.2987978,“仰角”:0.5964333,“压力”:0.015628817,“时间”:82598670,“x”:102.77983,“y”:273.95093},{“方位角”:2.2987978,“仰角”:0.5964333,“压力”:0.01855922,“时间”:82598670,“x”:101.0706:288.2202},{“方位角”:2.3361268,“仰角”:0.5718097,“压力”:0.08815629,“时间”:82598703,“x”:101.21922,“y”:298.5506},{“方位角”:2.3150961,“仰角”:0.56043386,“压力”:0.14188035,“时间”:82598719,“x”:105.30655,“y”:302.34082},{“方位角”:2.3150961,“仰角”:0.56043386,“压力”:0.18046398,“时间”:82598736,“x”:112.5572}{“方位角”:2.3150961,“仰角”:0.56043386,“压力”:0.20927963,“时间”:82598752,“x”:122.9935,“y”:292.15912},{“方位角”:2.3150961,“仰角”:0.56043386,“压力”:0.23418805,“时间”:82598769,“x”:134.43799,“y”:276.998},{“方位角”:2.3150961,“仰角”:0.56043386,“压力”:0.2781441,“时间”:82598786,“x”:146.55132,“y”:257“方位角:{仰角:0.56043386,“压力”:0.31697193,“时间”:82598802,“x”:160.15094,“y”:238.57495},{“方位角”:2.3150961,“仰角”:0.56043386,“压力”:0.34432235,“时间”:82598819,“x”:174.04784,“y”:220.73834},{“方位角”:2.3150961,“仰角”:0.56043386,“压力”:0.35457876,“时间”:82598833,“x”:184.30328,“y”:207.586,“方位角”:3861},{“仰角”:3150961}“:0.56043386,“压力”:0.35018316,“时间”:82598850,“x”:198.05154,“y”:188.18652},{“方位角”:2.3150961,“仰角”:0.56043386,“压力”:0.30720392,“时间”:82598866,“x”:212.17139,“y”:167.52576},{“方位角”:2.3361268,“仰角”:0.5718097,“压力”:0.2923077,“时间”:82598883,“x”:224.95355,“y”:148.87164,“方位角”:167.52576},{“仰角”:268097,{“仰角”,“压力”:0.31770453,“时间”:82598901,“x”:233.79703,“y”:133.78485},{“方位角”:2.3361268,“仰角”:0.5718097,“压力”:0.34603176,“时间”:82598916,“x”:241.74872,“y”:121.076294},{“方位角”:2.3561945,“仰角”:0.5598605,“压力”:0.36849818,“时间”:82598933,“x”:250.07199,“y”:110.002686},{“方位角”:2.3561945,“仰角”,605,“压力”:0.559818“:0.3753358,“时间”:82598950,“x”:257.50348,“y”:99.4494},{“方位角”:2.3762622,“仰角”:0.5718097,“压力”:0.3760684,“时间”:82598966,“x”:263.30005,“y”:90.82837},{“方位角”:2.3762622,“仰角”:0.5718097,“压力”:0.3782826622,“时间”:82598983,“时间”:268.05618,“y”:83.99097},{“方位角”:2.37622,“仰角”:5718023,“压力”:5719023}”:82598999,“x”:271.47467,“y”:79.08594},{“方位角”:2.3762622,“仰角”:0.5718097,“压力”:0.41416365,“时间”:82599016,“x”:272.88666,“y”:77.45087},{“方位角”:2.3762622,“仰角”:0.5718097,“压力”:0.41538465,“时间”:82599033,“x”:273.33255,“y”:78.862976},{“方位角”:2.37622,“仰角”:0.5718097,“压力”:2006:“时间”:82599049:272.36646,“y”:86.14624},{“方位角”:2.3762622,“仰角”:0.5718097,“压力”:0.42881566,“时间”:82599066,“x”:269.39386,“y”:102.42212},{“方位角”:2.376262622,“仰角”:0.5718097,“压力”:0.42344326,“时间”:82599083,“x”:263.89456,“y”:127.09613},{“方位角”:2.3972929,“仰角”:0.560436,“压力”,0.2908097,“时间”:25599062:157.71564},{“方位角”:2.3972929,“仰角”:0.56043386,“压力”:0.33064714,“时间”:82599116,“x”:249.47748,“y”:191.38226},{“方位角”:2.3972929,“仰角”:0.56043386,“压力”:0.26153848,“时间”:82599133,“x”:240.85693,“y”:223.33954},{“方位角”:2.37726,“仰角”:0.54817456,“压力”:0.25958487,“时间”:82599118,“时间”:223.33954}{“方位角”:2.37726,“仰角”:0.54817456,“压力”:0.26813188,“时间”:82599166,“x”:228.44635,“y”:265.0326},{“方位角”:2.37726,“仰角”:0.54817456,“压力”:0.22954825,“时间”:82599182,“x”:227.33163,“y”:274.1739},{“方位角”:2.3561945,“仰角”:0.53617316,“压力”:0.008791209,“时间”:82599199,“x”:230.454825,“方位角”:2886125},{仰角:0.53617316,“压力”:0.008791209,“时间”:82599201,“x”:230.45285,“y”:275.28864},{“方位角”:2.419329,“仰角”:0.54934233,“压力”:0.00024420026,“时间”:82599293,“x”:307.36877,“y”:146.19617},{“方位角”:2.419329,“仰角”:0.54934233,“压力”:0.00024420026,“时间”:82599298,“x”:309.89548,“y”:140.69653,“方位角”{“:0.54934233,“压力”:0.00024420026,“时间”:82599301,“x”:313.01672,“y”:133.71051},{“方位角”:2.419329,“仰角”:0.54934233,“压力”:0.00024420026,“时间”:82599305,“x”:313.01672,“y”:133.71051},{“方位角”:2.5846002,“仰角”:0.56541383,“压力”:0.3758242,“时间”:82599397,“x”:357.38272,“y”:17.103668,“方位角”:46002},{“仰角”:46002}”:0.56541383,“压力”:0.5594628,“时间”:82599414,“x”:358.20016,“y”:8.928558},{“方位角”:2.5846002,“仰角”:0.56541383,“压力”:0.5968254,“时间”:82599430,“x”:358.34882,“y”:6.6246643},{“方位角”:2.5989227,“仰角”:0.5801088,“压力”:0.6,“时间”:82599445,“x”:357.38272,“y”:10.117672,“方位角”:1086},{“仰角”:5800.898},{,“时间”:82599447,“x”:356.49094,“y”:12.49588},{“方位角”:2.5846002,“仰角”:0.56541383,“压力”:0.5973138,“时间”:82599463,“x”:353.14676,“y”:23.86673},{“方位角”:2.5846002,“仰角”:0.56541383,“压力”:0.603663,“时间”:82599478,“x”:345.71527,“y”:48.4664},{“方位角”:2.5846002,“仰角”:0.56541383,“压力”,时间:259479}“:334.64233,“y”:80.57226},{“方位角”:2.5846002,“仰角”:0.56541383,“压力”:0.5653236,“时间”:82599511,“x”:320.22525,“y”:115.94824},{“方位角”:2.5846002,“仰角”:0.56541383,“压力”:0.56337,“时间”:82599528,“x”:303.20715,“y”:150.72961},{“方位角”:2.5694442,“仰角”:0.5508617,“压力”:0.55541383,“时间”:0.569534,“时间”:259534“y”:184.47058},{“方位角”:2.5439591,“仰角”:0.5597318,“压力”:0.5648352,“时间”:82599561,“x”:273.55548,“y”:213.82666},{“方位角”:2.5439591,“仰角”:0.5597318,“压力”:0.5748474,“时间”:82599578,“x”:264.48907,“y”:237.46014},{“方位角”:2.5275717,“仰角”:0.5456233,“压力”:0.5770452,“时间”:2589958,“时间”:2589978}
path.attr({ 'stroke-dasharray': totalLength + ' ' + totalLength, 'stroke-dashoffset': totalLength });
   path
     .attr('stroke-dasharray', totalLength + ' ' + totalLength)
     .attr('stroke-dashoffset', totalLength);