diff --git a/rowers/interactiveplots.py b/rowers/interactiveplots.py index 5115779e..174a7aaf 100644 --- a/rowers/interactiveplots.py +++ b/rowers/interactiveplots.py @@ -2993,14 +2993,48 @@ def interactive_chart_video(id=0): script = """ var ctx = document.getElementById("myChart").getContext('2d'); var data = %s - var myChart = new Chart(ctx, { + var marker = { + datapoint: { + 'x': 0, + 'y': 0, + 'r': 10, + }, + setLatLng: function (LatLng) { + var lat = LatLng.lat; + var lng = LatLng.lng; + this.datapoint = { + 'x': lat, + 'y': lng, + 'r': 10, + } + console.log(this.datapoint); + } + } + marker.setLatLng({ + 'lat': data[0]['x'], + 'lng': data[0]['y'] + }) + console.log(marker.datapoint); + var myChart = new Chart(ctx, { type: 'scatter', label: 'pace', - data: { - datasets: [{ + data: + { + datasets: [ + { + type: 'bubble', + label: 'now', + data: [marker.datapoint], + backgroundColor: '#36a2eb', + }, + { + label: 'spm', data: data, - }] + }, + + ] }, + }); """ % data2