Javascript d3缩放基本形状
我试图根据数据动态缩放一些形状。以下是我目前掌握的情况:Javascript d3缩放基本形状,javascript,d3.js,Javascript,D3.js,我试图根据数据动态缩放一些形状。以下是我目前掌握的情况: svg.selectAll(".point") .data(data) .enter() .append("path") .attr("class", "point") .attr("d", d3.svg.symbol().type("triangle-up")) .attr("transform", function(d) { return "translate(" + x(d.x) + "," + y
svg.selectAll(".point")
.data(data)
.enter()
.append("path")
.attr("class", "point")
.attr("d", d3.svg.symbol().type("triangle-up"))
.attr("transform", function(d) { return "translate(" + x(d.x) + "," +
y(d.y) + ")"; });
是否还有其他属性可以添加?我尝试使用以下方法,但不起作用:
.attr("transform", "scale(xMap)");
xMap是数据中按一定范围缩放的值。您可以在同一匿名函数中执行
转换
和缩放
。除此之外,还必须将字符串与数字连接起来。你这样做的方式
"scale(xMap)"
。。。您正在将字面上的“xMap”传递给scale()
因此,它应该是:
.attr("transform", function(d) {
return "translate(" + x(d.x) + "," + y(d.y) + ") scale(" + xMap + ")";
});