Question

我的代码安全地存储在我的bl.ocks site

上

我通过定义具有6条边的折线形状并在代码中引用HEX而不是圆形，将散点图有效地转换为六边形图。但是，我的散点图在我的图表比例的原点上以（0,0）整齐地开始。我的十六进制图开始偏移-50，-20，我无法找到一种方法将其恢复为（0,0）。

Here是信息

的散点图代码

Answer 1

您需要删除此行中的transform。

svg.append("g")
    .attr("class", "path.hex")
    .attr("transform", "translate(50, 20)")
    .call(hex);

可能50,20在这一行上的翻译（我认为你可能仍然需要比例）

hexs.attr("transform", function(d) {
 return "translate(" + xScale(d.Board) + 50 + "," + yScale(d.Alight) + 20 +  ")" + " scale(" + rScale(d.Totals) + ")"
})

d3.js使用折线时的属性，变换，平移

1 个答案: