Javascript 整个布局的旋转

嗨，我如何旋转这个？我的意思是我想旋转整个布局，如下所示：

https://zapodaj.net/378132ac3f31d.png.html 

---

我不知道应该从何处开始使用链接中的代码，仅包装在一个组中（第21行），然后应用以下旋转：

canvas.attr("transform", function() {
  return (
    "translate(" + w / 2.0 + ", " + h / 2.0 + ") " +
    "rotate(180, " + w / 4.0 + ", " + h / 4.0 + ")");
});

有关

transform

属性和的详细信息

完整示例：

var w=640，h=480；
风险值数据={
名称：“根”，
儿童：[
{名称：“1”，大小：100}，
{名称：“2”，尺寸：85}，
{名称：“3”，尺寸：70}，
{名称：“4”，尺寸：55}，
{名称：“5”，尺寸：40}，
{名称：“6”，尺寸：25}，
{名称：“7”，大小：10}
]
};
var=d3
.选择（“画布”）
.append（“svg:svg”）
.attr（“宽度”，w）
.attr（“高度”，h）
.append（“g”）；//这是包装纸
var节点=d3.0布局
.pack（）
.价值（功能（d）{
返回d.size；
})
.尺寸（[w，h]）
.节点（数据）；
//除去根节点
nodes.shift（）；
帆布
.selectAll（“圆圈”）
.数据（节点）
.输入（）
.append（“svg:circle”）
.attr（“cx”，功能（d）{
返回d.x；
})
.attr（“cy”，函数（d）{
返回d.y；
})
.attr（“r”，函数（d）{
返回d.r；
})
.attr（“填充”、“白色”）
.attr（“笔划”、“灰色”）；
attr（“transform”，function（））{
返回(
翻译（“+w/2.0+”，“+h/2.0+”）+
“旋转（180，“+w/4.0+”，“+h/4.0+”）”；
});
您可以先创建小提琴或代码笔，然后更改数据中对象的大小