Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript d3中的路径转换_Javascript_D3.js_Svg_Path_Transitions - Fatal编程技术网

Javascript d3中的路径转换

Javascript d3中的路径转换,javascript,d3.js,svg,path,transitions,Javascript,D3.js,Svg,Path,Transitions,过渡没有发生。 有没有指向我哪里出错的指针?看起来你在转换过程中没有改变任何值。我正在处理d3子弹图,比如。它在其他元素中工作,如var marker=wrap.selectAll(“path.marker”).data(markerz);marker.enter().append(“path”).attr(“class”,“marker”).attr(“d”,d3.svg.symbol().type(“三角形向下”).size(130)).attr(“转换”,“转换”(+x1(markerz)

过渡没有发生。
有没有指向我哪里出错的指针?

看起来你在转换过程中没有改变任何值。我正在处理d3子弹图,比如。它在其他元素中工作,如var marker=wrap.selectAll(“path.marker”).data(markerz);marker.enter().append(“path”).attr(“class”,“marker”).attr(“d”,d3.svg.symbol().type(“三角形向下”).size(130)).attr(“转换”,“转换”(+x1(markerz)+“,+0+”));d3.转换(标记).attr(“类”,“标记”).attr(“转换”,“转换”(+x1(标记Z)+)”,“+0+”);当然可以,但在那里,刻度
x1
正在变化。在您发布的代码中,没有任何更改。变量
var arrow=wrap.selectAll(“path.arrow”).data(markerz)而不是整个链产生差异?过渡会为属性的值更改设置动画。您没有更改所发布代码中的任何值,因此没有任何可设置动画的内容。这与任何特定变量无关。
var x1 = d3.scale.linear()
      .domain([0,  markerz[0]])
      .range( [extentX, 0] ;



  var arrow = wrap.selectAll("path.arrow")
 .data(markerz).enter().append("path")
 .attr("d","M0,0 l12,8 l-12,8 m12,-8 l-30,0")
 .attr("class", "arrow")
  .attr("transform","translate("+ x1(markerz) +","+80+")rotate(180)")    
 .style("stroke","black");

d3.transition(arrow)
            .attr("class", "arrow")
            .attr("transform", "translate("+ x1(markerz) +","+80+")rotate(180)")