[CORD-1302] minor typo fix 'heigth', rudimentary collision with graph boundaries
Change-Id: Ida95c41479b931d17892e9b544adf295108cc364
diff --git a/src/app/service-graph/components/fine-grained/fine-grained.component.ts b/src/app/service-graph/components/fine-grained/fine-grained.component.ts
index d0aea83..3fc47a5 100644
--- a/src/app/service-graph/components/fine-grained/fine-grained.component.ts
+++ b/src/app/service-graph/components/fine-grained/fine-grained.component.ts
@@ -91,10 +91,10 @@
this.renderLinks(this.graph.links);
}
- private getSvgDimensions(): {width: number, heigth: number} {
+ private getSvgDimensions(): {width: number, height: number} {
return {
width: $('xos-fine-grained-tenancy-graph svg').width(),
- heigth: $('xos-fine-grained-tenancy-graph svg').height()
+ height: $('xos-fine-grained-tenancy-graph svg').height()
};
}
@@ -166,7 +166,7 @@
};
const svgDim = this.getSvgDimensions();
this.forceLayout = d3.layout.force()
- .size([svgDim.width, svgDim.heigth])
+ .size([svgDim.width, svgDim.height])
.linkDistance(config.force.linkDistance)
.linkStrength(l => getLinkStrenght(l))
.charge(config.force.charge)
@@ -307,7 +307,7 @@
let mouseEventsTimer, selectedModel;
const svgDim = this.getSvgDimensions();
const hStep = svgDim.width / (nodes.length - 1);
- const vStep = svgDim.heigth / (nodes.length - 1);
+ const vStep = svgDim.height / (nodes.length - 1);
const entering = node.enter()
.append('g')
.attr({