fix #181 Flow diagram variable names

AABoyles · Jun 10, 2020 · cfd1556 · cfd1556
1 parent 2943c24
commit cfd1556
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/components/flow_diagram.html b/components/flow_diagram.html
@@ -138,7 +138,7 @@ <h5 class="modal-title">Export Flow Diagram</h5>
       $($('#flow-variables').find('select')).each(function (i) { order.push(this.value); });
       let variables = order.length;
 
-      let values = [], source_values = [], target_values = [], all_values = [], labels = [];
+      let values = [], source_values = [], target_values = [], all_values = [], labels = [], vars = [];
       for (let i = 0; i < variables; i++) {
         variable = order[i];
         let n = data.length;
@@ -148,7 +148,8 @@ <h5 class="modal-title">Export Flow Diagram</h5>
         }
         n = values.length;
         for (let j = 0; j < n; j++) {
-          labels.push(MT.titleize(variable + ' ' + values[j]));
+          labels.push(MT.titleize(values[j]));
+          vars.push(MT.titleize(variable));
           let value = variable + '-' + values[j] + '-' + i;
           if (i < variables - 1) source_values.push(value);
           if (i > 0) target_values.push(value);
@@ -199,7 +200,9 @@ <h5 class="modal-title">Export Flow Diagram</h5>
             width: 0.5
           },
           label: labels.map(MT.titleize),
-          color: session.style.widgets['flow-showNodes'] ? session.style.widgets['node-color'] : session.style.widgets['link-color']
+          color: session.style.widgets['flow-showNodes'] ? session.style.widgets['node-color'] : session.style.widgets['link-color'],
+          customdata: vars.map(MT.titleize),
+          hovertemplate: "<b> %{customdata}:  %{label} </b><br>Incoming flow count: %{targetLinks.length} <br>Outgoing flow count: %{sourceLinks.length}"+ "<extra>%{value}</extra>"
         },
         link: { source, target, value }
       }], {