more progress on gauges (loading, initializing)

static/js/videogauges.js

@@ -2,15 +2,18 @@ google.charts.load('current', {'packages':['gauge']});
 google.charts.setOnLoadCallback(drawSPMChart);
 google.charts.setOnLoadCallback(drawSpeedChart);
 google.charts.setOnLoadCallback(drawPowerChart);
+google.charts.setOnLoadCallback(drawHRChart);
+
+console.log('initializing data');
 
 var spmdata = [
   ['Label', 'Value'],
-  ['SPM', 21.0],
+  ['SPM', 21],
 ];
 
 var speeddata = [
   ['Label', 'Value'],
-  ['V m/s', 0.0],
+  ['V m/s', 0],
 ];
 
 var powerdata = [
@@ -18,6 +21,21 @@ var powerdata = [
   ['PWR',150],
 ]
 
+var hrdata = [
+  ['Label','Value'],
+  ['HR',110],
+]
+
+var hroptions = {
+  min: 100, max: 200,
+  width: 400, height: 120,
+  greenFrom: 100, greenTo: 135,
+  yellowFrom: 135,yellowTo: 157,
+  redFrom: 157, redTo: 200,
+  minorTicks: 5
+};
+
+
 var spmoptions = {
   min:0, max: 50,
   width: 400, height: 120,
@@ -58,13 +76,16 @@ var datapower = null;
 
 // SPM chart
 function drawSPMChart() {
-
+  console.log('first draw SPM chart');
   dataspm = new google.visualization.arrayToDataTable(spmdata);
 
 
-
+  try {
   spmchart = new google.visualization.Gauge(document.getElementById('basic_spm'));
+  spmchart.draw(dataspm,spmoptions);
+} catch(err) {
 
+}
   // spmchart.draw(data, spmoptions);
 
   // Define set_basic(values) so that gauges can be set by metricsgroups
@@ -75,13 +96,35 @@ function drawSPMChart() {
 function drawSpeedChart() {
   dataspeed = new google.visualization.arrayToDataTable(speeddata);
 
+  try {
   speedchart = new google.visualization.Gauge(document.getElementById('basic_boatspeed'));
+  speedchart.draw(dataspeed,speedoptions);
+} catch(err) {
+
+}
 }
 
 // Power chart
 function drawPowerChart() {
   datapower = new google.visualization.arrayToDataTable(powerdata);
+  try {
   powerchart = new google.visualization.Gauge(document.getElementById('forcepower_power'));
+  powerchart.draw(datapower,poweroptions)
+} catch(err) {
+
+}
+
+}
+
+// Power chart
+function drawHRChart() {
+  datahr = new google.visualization.arrayToDataTable(hrdata);
+  try {
+  hrchart = new google.visualization.Gauge(document.getElementById('athlete_hr'));
+  hrchart.draw(datahr,hroptions);
+} catch(err) {
+  console.log('no hr div');
+}
 
 }
 
@@ -94,7 +137,10 @@ function set_basic() {
 }
 
 function set_athlete() {
-
+  datahr.setCell(0,1,hr_now);
+  try {
+    hrchart.draw(datahr,hroptions);
+  } catch(err) {}
 }
 
 function set_stroke() {
@@ -103,5 +149,7 @@ function set_stroke() {
 
 function set_forcepower() {
  datapower.setCell(0,1,power_now);
+ try {
  powerchart.draw(datapower,poweroptions);
+} catch(err) {}
 }