Параллельные координаты D3.js с горизонтальным расположением осей

Я использую визуализацию параллельных координат http://bl.ocks.org/jasondavies/1341281 для визуализировать мои данные. Однако я хочу переориентировать оси на горизонтальную компоновку вместо традиционной вертикальной компоновки осей для какой-то конкретной задачи. Я пытался играть с кодом, но ничего с ним не произошло.

Я приложил изображение, которое описывает, чего я действительно пытаюсь достичь. У меня есть достаточно уверенности, что если я смогу получить правильное расположение осей, я смогу исправить метки на осях и делениях. Может ли кто-нибудь помочь с этим? Заранее спасибо. Ожидаемое расположение осей


person Aditeya Pandey    schedule 02.01.2016    source источник


Ответы (1)


Вы можете повернуть график следующим образом, повернув группу, содержащую график:

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

Это означает повернуть диаграмму на 270 градусов вокруг центра диаграммы, которая задается шириной/2 и высотой/2.

Рабочий код здесь

Надеюсь это поможет!

person Cyril Cherian    schedule 02.01.2016