[英]Upgrading D3 Band Zoom from v3 to v4
我正試圖將這個小提琴更新為D3 v4
http://jsfiddle.net/AdamMills/Ljeh2etj/
這是原始縮放功能
bars.attr("transform", "translate(" + d3.event.translate[0]+",0)scale(" + d3.event.scale + ",1)");
chart.select(".x.axis").attr("transform", "translate(" + d3.event.translate[0]+","+(height)+")")
.call(xAxis.scale(x.rangeRoundBands([0, width * d3.event.scale],.1 * d3.event.scale)));
chart.select(".y.axis").call(yAxis);
我試圖根據d3-zoom的文檔更新它
bars.attr("transform", d3.event.transform);
chart.select(".x.axis").attr("transform", d3.event.transform)
.call(xAxis.scale(d3.event.transform.rescaleX(x)));
chart.select(".y.axis").call(yAxis);
我在recaleX中遇到一個未定義的錯誤我錯過了什么?
您可以從小提琴中更改縮放功能的第二行:
chart.select(".x.axis")
.attr("transform", "translate(" + d3.event.transform.x + "," + (height) + ")")
.call(
xAxis.scale(
x.rangeRound([0, width * d3.event.transform.k])
.paddingInner(.1 * d3.event.transform.k)));;
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.