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

时间:2016-01-02 03:38:34

标签: layout d3.js parallel-coordinates

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

我附上了一张图片,描述了我真正想要实现的目标。我有足够的信心,如果我能让轴得到正确的布局,我可以在轴和刻度上修复标签。有人可以帮忙吗?先感谢您。 Expected Layout of the axes

1 个答案:

答案 0 :(得分:1)

您可以通过旋转包含图表的组来旋转图形:

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

这意味着将图表围绕图表中心旋转270度,由宽度/ 2和高度/ 2给出。

工作代码here

希望这有帮助!