Javascript d3js中启动转换的按钮不'；行不通 过渡 var canvas=d3.选择（“主体”） .append（“svg”） .attr（“宽度”，1200） .attr（“高度”，675） var mySquare=canvas.append（“rect”） .attr（“x”，60） .attr（“y”，60岁） .attr（“宽度”，60） .attr（“高度”，60）； 按钮。打开（“单击”，函数（）{ mySquare.transition（）.attr（“x”，600）； })
我有一个正方形，我想在上面做一个过渡。我有一个按钮，点击后，将不得不开始过渡。但由于某种原因，它不起作用。有人能帮我一下吗？在添加onclick功能之前，您需要使用按钮元素。将这一行添加到Javascript d3js中启动转换的按钮不'；行不通 过渡 var canvas=d3.选择（“主体”） .append（“svg”） .attr（“宽度”，1200） .attr（“高度”，675） var mySquare=canvas.append（“rect”） .attr（“x”，60） .attr（“y”，60岁） .attr（“宽度”，60） .attr（“高度”，60）； 按钮。打开（“单击”，函数（）{ mySquare.transition（）.attr（“x”，600）； }),javascript,button,d3.js,transition,Javascript,Button,D3.js,Transition,我有一个正方形，我想在上面做一个过渡。我有一个按钮，点击后，将不得不开始过渡。但由于某种原因，它不起作用。有人能帮我一下吗？在添加onclick功能之前，您需要使用按钮元素。将这一行添加到按钮的正前方。在（“单击”、…）上： 然后，您将实际将onclick事件侦听器绑定到页面中的按钮。为什么不在自动加载或jQuery的DOM就绪函数中使用它？ <!DOCTYPE html> <meta charset="utf-8"> <style> </sty
按钮的正前方。在（“单击”、…）然后，您将实际将onclick事件侦听器绑定到页面中的按钮。为什么不在自动加载或jQuery的DOM就绪函数中使用它？
<!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>
var button = d3.select("button");