Javascript d3.js-使用axis对象交换x轴和y轴

Javascript d3.js-使用axis对象交换x轴和y轴,javascript,d3.js,Javascript,D3.js,我使用的是d3.js,我有一个功能齐全的条形图,除了一件事。我希望能够交换x轴和y轴。与我目前的工作密切相关 使用这个例子,我想让这些条从左到右,频率在底部,字母在左边。对于axis对象或类似的东西,有没有一个简单的技巧可以做到这一点?我最终不得不从头重写这个类。这并不理想,但它比每隔一行做一个if语句要好。您可以切换方向或那些 var xAxis = d3.svg.axis() .scale(x) .orient("bottom"); var yAxis=d3.svg.axis() .比例(

我使用的是d3.js,我有一个功能齐全的条形图,除了一件事。我希望能够交换x轴和y轴。与我目前的工作密切相关


使用这个例子,我想让这些条从左到右,频率在底部,字母在左边。对于axis对象或类似的东西,有没有一个简单的技巧可以做到这一点?

我最终不得不从头重写这个类。这并不理想,但它比每隔一行做一个
if
语句要好。

您可以切换方向或那些

var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");
var yAxis=d3.svg.axis() .比例(y) .东方(“左”) .格式(格式百分比)


因此,这里您应该为Y轴提供底部方向,为x轴数据提供左侧方向。

将图表类型更改为
水平条形图

您看到了吗?我现在看到了,谢谢。我的搜索词有点不同。