From 27029cb0cb3ea060389268e55bd36e308fed9036 Mon Sep 17 00:00:00 2001
From: Lei Yan
Date: Wed, 13 Sep 2017 19:38:06 +0000
Subject: update Correlation Scatterplot format

---
 wqflask/wqflask/templates/corr_scatterplot.html | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/wqflask/wqflask/templates/corr_scatterplot.html b/wqflask/wqflask/templates/corr_scatterplot.html
index 227e1116..56616ab6 100644
--- a/wqflask/wqflask/templates/corr_scatterplot.html
+++ b/wqflask/wqflask/templates/corr_scatterplot.html
@@ -170,15 +170,23 @@
 	</tr>
 </table>
 
+<div style="width: 1000px; text-align: center;"><h2>Pearson Correlation Scatterplot</h2></div>
+
 <div id="scatterplot2">
 	<svg style="width: 1000px; height: 800px; margin-left: 10px;"></svg>
 </div>
 
 <br>
 
-<table class="table table-hover table-striped table-bordered" style="width: 200px; margin-left: 80px;">
+<div class="alert alert-info" style="width: 200px; margin-left: 80px;">
+    y = {{'%0.3f' % jsdata.slope}} * x + {{'%0.3f' % jsdata.intercept}}
+</div>
+
+<br>
+
+<table class="table table-hover table-striped table-bordered" style="width: 200px; margin-left: 80px; text-align: right;">
     <thead>
-        <tr><th>Statistic</th><th>Value</th></tr>
+        <tr><th style="text-align: right;">Statistic</th><th style="text-align: right;">Value</th></tr>
     </thead>
 	<tbody>
 		<tr><td>Number</td>		<td>{{jsdata.num_overlap}}</td></tr>
@@ -235,15 +243,23 @@
 	</tr>
 </table>
 
+<div style="width: 1000px; text-align: center;"><h2>Spearman Rank Correlation Scatterplot</h2></div>
+
 <div id="srscatterplot2">
 	<svg style="width: 1000px; height: 800px; margin-left: 10px;"></svg>
 </div>
 
 <br>
 
-<table class="table table-hover table-striped table-bordered" style="width: 200px; margin-left: 80px;">
+<div class="alert alert-info" style="width: 200px; margin-left: 80px;">
+    y = {{'%0.3f' % jsdata.srslope}} * x + {{'%0.3f' % jsdata.srintercept}}
+</div>
+
+<br>
+
+<table class="table table-hover table-striped table-bordered" style="width: 200px; margin-left: 80px; text-align: right;">
     <thead>
-        <tr><th>Statistic</th><th>Value</th></tr>
+        <tr><th style="text-align: right;">Statistic</th><th style="text-align: right;">Value</th></tr>
     </thead>
 	<tbody>
 		<tr><td>Number</td>		<td>{{jsdata.num_overlap}}</td></tr>
-- 
cgit v1.2.3