Javascript 在D3中将堆叠条形图的方向从垂直更改为水平

我正在将响应堆叠条形图的方向从垂直方向更改为水平方向，但它在changins之后没有显示任何内容，下面是stackover flow中的其他示例，如和。 这涉及到堆叠条形图 下面是我的垂直堆叠条形图的代码

但目前的工作代码是

发件人：

可以按如下方式旋转整个图形：

.attr("transform","rotate(90 200 200)");

查看更新的小提琴：

代码中需要改进的几点：不要混合使用Jquery和D3

$("#btn").on("click", function(){
    d3.selectAll("svg > g > g").remove();
    data[1].mcintosh = (Number(data[1].mcintosh) + 1).toString();
    console.log(1,data);
    update();
  });

可以改为

d3.select("#btn").on("click", function(){
    // CODE
}

发件人：

可以按如下方式旋转整个图形：

.attr("transform","rotate(90 200 200)");

查看更新的小提琴：

代码中需要改进的几点：不要混合使用Jquery和D3

$("#btn").on("click", function(){
    d3.selectAll("svg > g > g").remove();
    data[1].mcintosh = (Number(data[1].mcintosh) + 1).toString();
    console.log(1,data);
    update();
  });

可以改为

d3.select("#btn").on("click", function(){
    // CODE
}

---

@TimB的可能重复是的，但我在代码中没有发现错误，我花了很长时间试图解决that@TimB你能看一下我的代码吗？可能是@TimB的重复，是的，但我没有发现我的代码中有错误，我花了很长时间试图解决that@TimB你能看看我的代码吗？谢谢你关于混合D3和Jquery的建议上面的解决方案真的像一个把戏。不过，我将尝试更改代码中的所有内容，并将玩一个小游戏。感谢您关于混合D3和Jquery的建议，上述解决方案真的像一个把戏。不过，我会尝试改变代码中的所有内容，并会玩一点