diff --git a/src/js/src/components/StateOfHealth.vue b/src/js/src/components/StateOfHealth.vue
index bf919249..ec352902 100644
--- a/src/js/src/components/StateOfHealth.vue
+++ b/src/js/src/components/StateOfHealth.vue
@@ -175,17 +175,12 @@
-
-
-
-
-
- {{ n }}
-
-
-
+
+
+
+ {{ n }}
+
+
@@ -552,9 +547,7 @@ export default {
return;
}
- const nodes = this.nodes.map( d => Object.create( d ) );
- // const links = this.edges.map( d => Object.create( d ) );
-
+ const nodes = this.nodes;
const links = this.edges.filter( (d) => {
switch ( this.showEdgeType ) {
case 'all': {
@@ -571,7 +564,7 @@ export default {
}
}, this);
- const width = 600;
+ const width = 600;
const height = 400;
const simulation = d3.forceSimulation( nodes )
@@ -936,6 +929,10 @@ export default {
this.generateGraph();
this.generateChord();
}
+ },
+
+ showEdgeType: function () {
+ this.generateGraph();
}
},
@@ -981,4 +978,8 @@ export default {
.modal-card-title {
color: whitesmoke;
}
+
+ .dropdown-item.is-active {
+ background-color: whitesmoke;
+ }