D3.js水平直方图

Jos*_*ley 0 javascript histogram d3.js

我正在尝试设计一个水平直方图,我只遇到了Mike Bostock 的垂直直方图.正如这里提到的,稍微讨厌的解决方案是对包含直方图的元素进行变换旋转.或者不使用d3.layout.histogram()并手动写出代码.在D3中有没有办法做一些事情

d3.layout.histogram().orient("left")
Run Code Online (Sandbox Code Playgroud)

mee*_*mit 5

您可以在渲染时简单地处理它而无需任何变换或重新计算.简单地将其d.x视为y位置,d.dy而不是高度.

在x和y之间交换可能看起来不合适,但这是完全合理的.甚至还有这样绘制的径向图表的示例,使用x值导出条形角度,y值作为距中心的距离.这是d3布局的巧妙之处; 他们不会让你去表示或协调系统 - 他们只是计算关系.