github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-03-03 10:11:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

make sure circular layouts lots of nodes spreadout

Browse Source
This commit is contained in:
David Kaltschmidt
2015-09-10 15:55:07 +02:00
parent b49e1f55d2
commit 72c433eb86
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/app/scripts/charts/nodes-chart.js
View File

@@ -17,6 +17,10 @@ const MARGINS = {
bottom: 0
};
// make sure circular layouts lots of nodes spread out
const radiusDensity = d3.scale.sqrt()
.domain([12, 2]).range([2.5, 5]).clamp(true);
const NodesChart = React.createClass({
getInitialState: function() {
@@ -226,8 +230,9 @@ const NodesChart = React.createClass({
const centerX = selectedLayoutNode.x;
const centerY = selectedLayoutNode.y;
const radius = Math.min(props.width, props.height) / 3;
const adjacentCount = adjacentLayoutNodes.length;
const density = radiusDensity(adjacentCount);
const radius = Math.min(props.width, props.height) / density;
_.each(adjacentLayoutNodes, function(node, i) {
const angle = Math.PI * 2 * i / adjacentCount;