dc.js - 水平條形圖/行聊天，還是旋轉d3.svg？

Question

有沒有辦法創建一個水平條形圖（或修改行聊天）？

行圖表幾乎是我想要的，但是我希望y軸是一個連續變量，它似乎是行圖根據離散/有序變量定義y軸。

我也在考慮用d3旋轉svg。 （旋轉整個div工作，但畫筆效果不旋轉）。

我在想：

dc.renderAll(); 

d3.select("body").select("#barChart3").select("svg").attr("transform", function(d) { return "rotate(90)"}); 

但是，刪除的整個圖表，而不是旋轉的。

有什麼建議嗎？

更新：

我有一些成功與旋轉SVG（刷作品），但該圖被切斷，我想不通爲什麼...

Answer 1

兩個圖表是完全不同的代碼庫，具有不同的功能。行圖的Y軸甚至沒有使用比例尺，所以你說得很對，它不能以現在的形式連續進行。

這是一個最終目標合併它們，但現在我認爲旋轉是你最好的選擇。

至於剪輯問題，請在生成的SVG上查找clip-path attribute。它也需要旋轉，但爲了快速修復，您可以刪除它。