d3js中开始过渡的按钮不起作用
button to start transition in d3js doesn't work
<!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>
我有一个正方形,我想给它添加过渡效果。我有按钮,当点击时,将不得不开始过渡。但由于某些原因,它不起作用。有人能帮帮我吗?
在添加onclick功能之前,您需要使用D3来选择按钮元素。在button.on("click", ...)
:
var button = d3.select("button");
然后将onclick事件监听器绑定到页面中的按钮。
相关文章:
- JS动态添加字段-删除按钮不起作用
- 一键启动按钮不起作用
- 带有向下钻取的 Amchart 图表工作正常,但“后退”按钮不起作用
- 为什么不'这个HTML按钮不起作用
- 使用javascript后,提交按钮不起作用
- 镀铬延长件内部的聚合物纸按钮不起作用
- 我的提交按钮不起作用
- AngularJs:多次点击同一个按钮不起作用
- Ruby on Rails - 引导旋转木马按钮不起作用
- 为什么我的开关按钮不起作用
- 无法弄清楚为什么提交按钮不起作用
- 使用动画时Jquery后退按钮不起作用
- 禁用浏览器中的后退按钮不起作用
- 打印按钮不起作用
- jQuery-关闭按钮不起作用
- HTML按钮不起作用
- 清除Javascript/HTML中的画布按钮不起作用
- '有角度的靠背'返回页首按钮不起作用
- onclick() jQuery/JavaScript 显示饼图的按钮不起作用
- 网页Jquery下拉按钮不起作用