Question

<!DOCTYPE html>
<meta charset="utf-8">
<style>




</style>
<button>transition</button>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>




var canvas = d3.select("body")
  .append("svg")
  .attr("width", 1200)
  .attr("height", 675)


var mySquare = canvas.append("rect")
  .attr("x",60)
  .attr("y",60)
  .attr("width",60)
  .attr("height",60);


button.on("click", function() {
  mySquare.transition().attr("x",600);
})

</script>

我有一个正方形，我想进行过渡。我有按钮，当点击时，将必须开始过渡。但由于某种原因它不起作用。有人可以帮帮我吗？

Answer 1

您需要先使用D3 to select按钮元素，然后才能为其添加onclick功能。在button.on("click", ...)之前添加此行：

var button = d3.select("button");

然后，您将实际将onclick事件侦听器绑定到页面中的按钮。

按钮在d3js中开始转换不起作用

1 个答案: