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

Question

我正在使用d3.js而且我有一个功能齐全的条形图，除了一件事。我希望能够交换x轴和y轴。 This example与我目前合作的内容最为吻合。

使用这个例子，我希望条形图从左到右，底部的频率和左边的字母。使用轴对象或类似的东西有一个简单的技巧吗？

Answer 1

我最后不得不从头开始重写课程。它并不理想，但它比其他所有行都是if语句更好。

Answer 2

您只需切换方向或那些

即可

var xAxis = d3.svg.axis()
.scale(x)
.orient("bottom");

var yAxis = d3.svg.axis（）     .scale（y）的     。东方（＆＃34;左＆＃34）     .tickFormat（formatPercent）;

所以在这里你应该给Y轴的底部方向，并留给x轴数据。

Answer 3

将图表类型更改为horizontalBar