D3.JS如何定位<g>？

Question

我真的是D3的新手，我想了解<g>在svg中的位置。

采用以下示例：

https://stackblitz.com/edit/angular-packed-bubble-chart?file=src%2Fapp%2Fd3-packed-bubble-chart.service.ts

如何接近这两个集群？

Answer 1

通过访问器功能将docker run --entrypoint ... imagename arg ...元素的transform属性设置为g，将g元素放置在第73-75行中。

本质上，将"translate(" + d.x + "," + d.y + ")"值应用于元素上的translate(x,y)属性，意味着水平移动元素transform像素和垂直x像素。

查看transform属性的文档及其对translate值的作用。

使用D3的pack和hierarchy函数计算y和d.x的值。

希望这会有所帮助！