3

基本的なCrossfilterの例から始めて、棒グラフを水平ではなく垂直に表示する別の視覚化を作成したいと思います。つまり、本質的に棒グラフの軸を反転します。

barChartの関数を変更してチャートのバーを交換するのは簡単です。私はこれらの次の変更でそれを行うことができました:

var width = x.range()[1],
    height = y.range()[0];

なる

var width = x.range()[1],
    height = y.range()[0];

そしてネストされたbarPathメソッドで

path.push("M", x(d.key), ",", height, "V", y(d.value), "h9V", height);

になる

path.push("M", 0, ",", x(d.key), "h", y(d.value), "v9H", 0);

これらのマイナーな変更により、バーがうまく印刷されますが、x 軸の目盛りが処理されず、選択ブラシも処理されません。ブラシを横向きにすることはできますか? もしそうなら、どうすればそれを行うことができますか?

前もって感謝します!

4

1 に答える 1

0

最も簡単な方法は、chart() で各チャートの "g" コンテナーを 90 回転させることです。

このようなもの:

g = div.append("svg").attr("width", width + margin.left +
margin.right).attr("height", height + margin.top +
margin.bottom).append("g").attr("transform", "translate(" +
margin.left + "," + margin.top + ")"+ "**rotate(90)**");
于 2012-10-11T16:39:55.680 に答える