javascript - d3.js - axis オブジェクトを使用して x 軸と y 軸を入れ替える

Question

私は d3.js を使用しており、1 つのことを除いて、完全に機能する棒グラフを取得しています。x軸とy軸を交換できるようにしたい。この例は、私が現在取り組んでいるものと最も密接に一致しています。

その例を使用して、バーを左から右に、頻度を下に、文字を左に配置したいと考えています。軸オブジェクトなどでこれを行う簡単なトリックはありますか?

Answer 1

結局、クラスを最初から書き直す必要がありました。これは理想的ではありませんでしたが、1 行おきにif文を記述するよりはましです。

Answer 2

You can just switch the orientation or those

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

var yAxis = d3.svg.axis() .scale(y) .orient("left") .tickFormat(formatPercent);

so here you should give bottom orientation to Y axis and left to x Axis data.