Этот пример макета кружка (http://bl.ocks.org/4063269) идеально подходит для проект, над которым я работаю, однако он измеряет все круги относительно друг друга:
Есть ли простой способ указать фиксированные радиусы для каждого круга?
Я просмотрел исходный код, примеры, google и stackoverflow и не нашел ничего полезного.
Для меня важен точный размер кругов.
Это возможно, и это просто. Первый ответ точен, но я считаю, что мой проще и понятнее, поэтому я его тоже прилагаю.
Взгляните на этот пример: jsfiddle
Когда вы нажмете кнопку «Константа», вы увидите что-то вроде этого:
Ключевая строка кода такова:
pack.value(function(d) { return 100; })
Это сделает радиусы кругов постоянными независимо от данных. 100 может быть любой константой, конечно. Вы можете применить эту строку при инициализации пакета кругов (скорее всего, это будет ваш случай) или при повторной инициализации (как в моем примере).
Надеюсь это поможет.
Если вы будете следовать коду в приведенном вами примере, размер элементов <circle> определяется здесь:
node.append("circle")
.attr("r", function(d) { return d.r; })
// ...
Чтобы исправить размер кругов, скажем, 50, вы можете сделать это:
node.append("circle")
.attr("r", function(d) { return 50; })
// ...
Однако это нарушит макет, как указано в комментарии. Чтобы исправить это, можно указать один и тот же value для каждого узла:
// Returns a flattened hierarchy containing all leaf nodes under the root.
function classes(root) {
var classes = [];
function recurse(name, node) {
if (node.children) node.children.forEach(function(child) { recurse(node.name, child); });
else classes.push({packageName: name, className: node.name, value: node.size});
}
recurse(null, root);
return {children: classes};
}
to:
// Returns a flattened hierarchy containing all leaf nodes under the root.
function classes(root) {
var classes = [];
function recurse(name, node) {
if (node.children) node.children.forEach(function(child) { recurse(node.name, child); });
else classes.push({packageName: name, className: node.name, value: 1});
}
recurse(null, root);
return {children: classes};
}
