Skip to content

Commit 8fe74c9

Browse files
jeremypoulterjeremypoulter
committed
Display the summary results
1 parent a174384 commit 8fe74c9

File tree

1 file changed

+49
-14
lines changed

1 file changed

+49
-14
lines changed

‎divert_sim/view.html‎

Lines changed: 49 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
<script type="text/javascript" src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
77
<script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
88
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
9+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
910
<script type="text/javascript">
1011
window.onload = function () {
1112
var dataPoints = [];
@@ -43,7 +44,7 @@
4344
toolTip: {
4445
shared: true,
4546
contentFormatter: (e) => {
46-
47+
4748
var str = "<strong>"+moment(e.entries[0].dataPoint.x).format('h:mm a') + "</strong> <br/>";
4849
for (var i = 0; i < e.entries.length; i++){
4950
str += "<span style=\"color:"+e.entries[i].dataSeries.color+"\">" + e.entries[i].dataSeries.name + "</span> <strong>"+ e.entries[i].dataPoint.y + "</strong> <br/>";
@@ -114,6 +115,37 @@
114115
});
115116

116117
});
118+
119+
$.ajax({
120+
url: "output/summary.csv",
121+
dataType: "text",
122+
success: function (data) {
123+
var summary_data = data.split(/\r?\n|\r/);
124+
var table_data = '<table class="table table-bordered table-striped">';
125+
for (var count = 0; count < summary_data.length; count++) {
126+
var cell_data = summary_data[count].split(",");
127+
table_data += '<tr>';
128+
for (var cell_count = 0; cell_count < cell_data.length; cell_count++) {
129+
var val = cell_data[cell_count].replaceAll("\"", "");
130+
if (count === 0) {
131+
table_data += '<th>' + val + '</th>';
132+
} else if(0 == cell_count) {
133+
table_data += '<td><a href="#' + val + '">' + val + '</a></td>';
134+
} else if(1 <= cell_count && cell_count <= 4) {
135+
table_data += '<td>' + parseFloat(val).toFixed(2) + '</td>';
136+
} else if(6 <= cell_count && cell_count <= 8) {
137+
table_data += '<td>' + (new Date(parseInt(val) * 1000).toISOString().slice(11, 19)) + '</td>';
138+
} else {
139+
table_data += '<td>' + val + '</td>';
140+
}
141+
}
142+
table_data += '</tr>';
143+
}
144+
table_data += '</table>';
145+
$('#summary_table').html(table_data);
146+
}
147+
});
148+
117149
}
118150
</script>
119151
<style type="text/css" media="print">
@@ -126,21 +158,24 @@
126158

127159
<body>
128160
<h1>OpenEVSE Solar Divert Simulations</h1>
161+
<h2>Summary</h2>
162+
<div id="summary_table">
163+
</div>
129164
<h2>Solar only</h2>
130-
<div id="solar1" style="width:100%; height:300px;" class="solar" csv="output/day1.csv" title="Day 1"></div>
131-
<div id="solar2" style="width:100%; height:300px;" class="solar" csv="output/day2.csv" title="Day 2"></div>
132-
<div id="solar3" style="width:100%; height:300px;" class="solar" csv="output/day3.csv" title="Day 3"></div>
133-
<div id="solar4" style="width:100%; height:300px;" class="solar" csv="output/almostperfect.csv" title="Almost Perfect"></div>
134-
<div id="solar5" style="width:100%; height:300px;" class="solar" csv="output/CloudyMorning.csv" title="Cloudy Morning"></div>
135-
<div id="solar6" style="width:100%; height:300px;" class="solar" csv="output/solar-vrms.csv" title="Solar with Voltage feed"></div>
165+
<div id="day1" style="width:100%; height:300px;" class="solar" csv="output/day1.csv" title="Day 1"></div>
166+
<div id="day2" style="width:100%; height:300px;" class="solar" csv="output/day2.csv" title="Day 2"></div>
167+
<div id="day3" style="width:100%; height:300px;" class="solar" csv="output/day3.csv" title="Day 3"></div>
168+
<div id="almostperfect" style="width:100%; height:300px;" class="solar" csv="output/almostperfect.csv" title="Almost Perfect"></div>
169+
<div id="CloudyMorning" style="width:100%; height:300px;" class="solar" csv="output/CloudyMorning.csv" title="Cloudy Morning"></div>
170+
<div id="solar-vrms" style="width:100%; height:300px;" class="solar" csv="output/solar-vrms.csv" title="Solar with Voltage feed"></div>
136171
<h2>Grid IE</h2>
137-
<div id="gridie1" style="width:100%; height:550px;" class="gridie" csv="output/day1_grid_ie.csv" title="Day 1"></div>
138-
<div id="gridie2" style="width:100%; height:550px;" class="gridie" csv="output/day2_grid_ie.csv" title="Day 2"></div>
139-
<div id="gridie3" style="width:100%; height:550px;" class="gridie" csv="output/day3_grid_ie.csv" title="Day 3"></div>
172+
<div id="day1_grid_ie" style="width:100%; height:550px;" class="gridie" csv="output/day1_grid_ie.csv" title="Day 1"></div>
173+
<div id="day2_grid_ie" style="width:100%; height:550px;" class="gridie" csv="output/day2_grid_ie.csv" title="Day 2"></div>
174+
<div id="day3_grid_ie" style="width:100%; height:550px;" class="gridie" csv="output/day3_grid_ie.csv" title="Day 3"></div>
140175
<h2>Other</h2>
141-
<div id="solar7" style="width:100%; height:300px;" class="solar" csv="output/Energy_and_Power_Day_2020-03-22.csv" title="Energy_and_Power_Day_2020-03-22.csv"></div>
142-
<div id="solar8" style="width:100%; height:300px;" class="solar" csv="output/Energy_and_Power_Day_2020-03-31.csv" title="Energy_and_Power_Day_2020-03-31.csv"></div>
143-
<div id="solar9" style="width:100%; height:300px;" class="solar" csv="output/Energy_and_Power_Day_2020-04-01.csv" title="Energy_and_Power_Day_2020-04-01.csv"></div>
176+
<div id="Energy_and_Power_Day_2020-03-22" style="width:100%; height:300px;" class="solar" csv="output/Energy_and_Power_Day_2020-03-22.csv" title="Energy_and_Power_Day_2020-03-22.csv"></div>
177+
<div id="Energy_and_Power_Day_2020-03-31" style="width:100%; height:300px;" class="solar" csv="output/Energy_and_Power_Day_2020-03-31.csv" title="Energy_and_Power_Day_2020-03-31.csv"></div>
178+
<div id="Energy_and_Power_Day_2020-04-01" style="width:100%; height:300px;" class="solar" csv="output/Energy_and_Power_Day_2020-04-01.csv" title="Energy_and_Power_Day_2020-04-01.csv"></div>
144179
</body>
145180

146-
</html>
181+
</html>

0 commit comments

Comments
 (0)