Я успешно использовал эту визуализацию d3.js с некоторыми моими собственными данными, в основном это выглядит так, за исключением большого количества вертикальных осей, и все они выглядят очень сгруппированными:
Вот код / сущность всей визуализации
Дело в том, что имеется множество столбцов данных ...Визуализация размещает вертикальные оси (по одной на каждый столбец данных в связанном файле .csv) горизонтально по странице слева направо, используя следующий код, как обычно для d3.
var margin = {top: 66, right: 110, bottom: 20, left: 188},
width = document.body.clientWidth - margin.left - margin.right,
height = 340 - margin.top - margin.bottom,
innerHeight = height - 2;
, оси изначально созданыс помощью этого:
var axes = svg.selectAll(".axis")
.data(dimensions)
.enter().append("g")
.attr("class", function(d) { return "axis " + d.key.replace(/ /g, "_");
})
.attr("transform", function(d,i) { return "translate(" + xscale(i) + ")";
});
позже, он фактически рисует оси в функции d3.csv().
Я хотел бы разместить около 15 или около того осей черезстраницы слева направо, как обычно, но затем поместите оставшиеся оси под исходным контейнером, слева направо - в основном один параллельный контейнер координат поверх другого параллельного координатного контейнера и tони оба связаны и питаются одним и тем же набором данных.
У кого-нибудь есть советы, как мне это сделать?