d3.js属性,使用多段线时变换、平移

d3.js属性,使用多段线时变换、平移,d3.js,svg,D3.js,Svg,我的代码安全地存储在我的计算机上 通过定义一个具有6条边的多段线形状,并在代码中引用十六进制而不是圆,我有效地将散点图转换为六边形图。然而,我的散点图在图形刻度原点的(0,0)处整齐地开始。我的十六进制图开始偏移-50,-20,我找不到一种方法来将它恢复到(0,0) 是信息的散点图代码您需要删除此行的变换 svg.append("g") .attr("class", "path.hex") .attr("transform", "translate(50, 20)") .

我的代码安全地存储在我的计算机上

通过定义一个具有6条边的多段线形状,并在代码中引用十六进制而不是圆,我有效地将散点图转换为六边形图。然而,我的散点图在图形刻度原点的(0,0)处整齐地开始。我的十六进制图开始偏移-50,-20,我找不到一种方法来将它恢复到(0,0)


是信息的散点图代码

您需要删除此行的
变换

svg.append("g")
    .attr("class", "path.hex")
    .attr("transform", "translate(50, 20)")
    .call(hex);
这一行可能是50,20(我想你可能还需要天平)


更新了我的答案。我还建议您区分非六边形代码和六边形代码,看看还有什么区别。路径信息需要保留,以便您可以绘制SVG,但是引入的任何其他代码都应该重新查找。
hexs.attr("transform", function(d) {
 return "translate(" + xScale(d.Board) + 50 + "," + yScale(d.Alight) + 20 +  ")" + " scale(" + rScale(d.Totals) + ")"
})