D3.js 轴水平布局的平行坐标

Question

我正在使用 http://bl.ocks.org/jasondavies/1341281 平行坐标可视化来可视化我的数据。但是，对于某些特定任务，我希望将轴重新定向为水平布局，而不是传统的轴垂直布局。我尝试使用代码但没有到达任何地方。

我附上了一张描述我真正想要实现的目标的图片。我有足够的信心，如果我能让轴正确布局，我就可以修复轴和刻度上的标签。有人可以帮忙吗？先感谢您。

Answer 1

您可以通过旋转包含图表的组来像这样旋转图表：

.attr("transform", "translate(" + margin.left + "," + margin.top + ")"
+ "rotate(270, "+width/2 + "," + height/2 + ")");

这意味着将图表围绕由 width/2 和 height/2 给出的图表中心旋转 270 度。

工作代码here

希望对您有所帮助！

D3.js Parallel Coordinates with Horizontal layout for axes