D3 js圖表反轉問題

Question

我的小提琴

我正在研究d3js，我得到了帶有一些數據的條形圖的此實現。 我需要反轉圖表。

我嘗試添加：

var y = d3.scale.linear()
        .domain([0, d3.max(jsonData.year)])
        .range([500, 0]);

並在酒吧上打電話：

  .attr("y", function(d) {
            return y(d);
        });

沒有工作..

我該如何解決？ 我認為缺少一些東西。這就是我想要的軸：

Answer 1

這個怎么樣？ http://jsfiddle.net/jTs9A/3/

問題出在您的變換上，在底部附加x和y軸時平移坐標。

canvas.append("g")
    .call(xAxis)
    .attr("transform", "translate(0,0)");
canvas.append("g")
    .call(yAxis)
    .attr("transform", "translate(-10,0)");

您之前有（0,250）和（-10，-50）

編輯： http : //jsfiddle.net/jTs9A/4/

您需要添加以下內容：

 .attr("y", function(d) {
        return  (h- d.year*10);  //Height minus data value
    })

其中h是圖形區域的高度。 檢查評論中的tut（沒有足夠的代表）