d3 пузырьковая диаграмма: особая сортировка и макет - PullRequest
0 голосов
/ 05 июля 2019

Я построил пузырьковую диаграмму на основе d3.js. Пока это работает хорошо. Теперь дизайнер хочет, чтобы у него была более конкретная компоновка и порядок. Поскольку я не работаю с d3 изо дня в день, я немного расстраиваюсь, выясняя это.

На данный момент это моя ручка и это то, чего я пытаюсь достичь (верхняя версия - это мой текущий макет, а нижняя версия, к которой я стремлюсь):

  • По убыванию, начиная с плавающего слева направо
  • Более горизонтальное и менее вертикальное расположение

Вот так выглядит моя сортировка прямо сейчас.

var nodes = d3.hierarchy(data) .sum(function(d) { return d.value; }) .sort(function(a, b) { return -(a.value - b.value); });

и это то, что я тоже пытался

var nodes = d3.hierarchy(data) .sum(function(d) { return d.value; }) //.sort(function(a, b) { return 1; });

Я благодарен за любую подсказку, потому что я действительно потратил много времени в поисках решений до сих пор.

...