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 + ")";
});