Previsión de olas en tiempo real

Previsiones Wind Guru para Sopelana Oleaje en tiempo real Datos de interés Viento Pleamar Bajamar Temp. Agua Temp. Aire Salida sol Puesta sol * Horario de las mareas en GMT Oleaje en tiempo real vs. Previsiones BOYA EXTERIOR DE BILBAO Fecha Altura Dirección Periodo Medio Periodo Pico BOYA COSTERA DE BILBAO Fecha Altura Dirección Periodo Medio Periodo Pico BOYA EXTERIOR DE CIÉRVANA Fecha Altura Dirección Periodo Medio Periodo Pico BOYA DE SANTANDER Fecha Altura Dirección Periodo Medio Periodo Pico BOYA DE PASAJES Fecha Altura Altura max. Periodo Medio PREVISIÓN 5 DIAS SOPELA Fecha Altura Dirección Periodo Medio Periodo Pico V. Viento D. Viento // $( document ).ready(function() { $.getJSON( "https://api.myjson.com/bins/9yr7a", function( data ) { $("#fecha").html(data['fecha']); $("#informe").html(data['informe']); $("#fechamareas").html(data['fechamareas']); $("#fechamareas2").html(data['fechamareas']); $("#pleamares1").html(data['pleamares1']); $("#pleamares2").html(data['pleamares2']); $("#bajamares1").html(data['bajamares1']); $("#bajamares2").html(data['bajamares2']); $("#viento").html(data['viento']); $("#temp_aire").html(data['temp_aire']); $("#temp_agua").html(data['temp_agua']); $("#salida_sol").html(data['salida_sol']); $("#puesta_sol").html(data['puesta_sol']); }); $('#example').DataTable( { responsive: true,bPaginate: false, bFilter: false, bInfo: false, columns: [{ visible: false },null,null,null,null,null], "ajax": 'https://api.myjson.com/bins/a5eee' } ); $('#example2').DataTable( { responsive: true,bPaginate: false, bFilter: false, bInfo: false,columns: [{ visible: false },null,null,null,null,null], "ajax": 'https://api.myjson.com/bins/z5lt2' } ); $('#example3').DataTable( { responsive: true,bPaginate: false, bFilter: false, bInfo: false,columns: [{ visible: false },null,null,null,null,null], "ajax": 'https://api.myjson.com/bins/kbwue' } ); $('#example4').DataTable( { responsive: true,bPaginate: false, bFilter: false, bInfo: false,columns: [{ visible: false },null,null,null,null,null], "ajax": 'https://api.myjson.com/bins/90ocm' } ); $('#example5').DataTable( { responsive: true,bPaginate: false, bFilter: false, bInfo: false,columns: [{ visible: false },null,null,null,null], "ajax": 'https://api.myjson.com/bins/1aizgm' } ); $('#example6').DataTable( { responsive: true,bPaginate: false, bFilter: false, bInfo: false,columns: [{ visible: false },null,null,null,null,null,null,null], "ajax": 'https://api.myjson.com/bins/1b4f2e' } ); }) // Load the Visualization API and the piechart package. google.charts.load('current', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is loaded. google.charts.setOnLoadCallback(drawChart); function drawChart() { $.ajax({ type: 'GET', url: "https://api.myjson.com/bins/ilr6u", crossDomain: true, success:function(grafica){ var options = { chart: { title: '', subtitle: '' }, crosshair: { trigger: 'both' }, animation: { startup: true, duration: 2000 }, chartArea: { top: 10, left: 40, width: "99%" }, width: 800, height: 400, vAxis: { viewWindow: {min: 0}, format: '##.# m', gridlines: { count: 6 }, minValue: 0, baselineColor: 'black' }, hAxis : { format : 'y', showTextEvery : 10, slantedText: true, }, legend: { position: 'bottom',alignment: 'right' }, }; var data = new google.visualization.DataTable(grafica); var chart = new google.visualization.LineChart(document.getElementById('curve_chart')); chart.draw(data, options); } }) } // Load the Visualization API and the piechart package. // Set a callback to run when the Google Visualization API is loaded. google.charts.setOnLoadCallback(drawChart); function drawChart() { $.ajax({ type: 'GET', url: "https://api.myjson.com/bins/1cyv1i", crossDomain: true, success:function(grafica2){ var options = { chart: { title: '', subtitle: '' }, crosshair: { trigger: 'both' }, animation: { startup: true, duration: 2000 }, chartArea: { top: 10, left: 40, width: "99%" }, width: 800, height: 400, vAxis: { viewWindow: {min: 0}, format: '##.# m', gridlines: { count: 6 }, minValue: 0, baselineColor: 'black' }, hAxis : { format : 'y', showTextEvery : 10, slantedText: true, }, legend: { position: 'bottom',alignment: 'right', maxLines: 3 }, }; var data2 = new google.visualization.DataTable(grafica2); var chart = new google.visualization.LineChart(document.getElementById('curve_chart2')); chart.draw(data2, options); } }) } $(window).resize(function(){ var container = document.getElementById("curve_chart2").firstChild.firstChild; var container2 = document.getElementById("curve_char").firstChild.firstChild; container.style.width = "99%"; container2.style.width = "99%"; chart.draw(data, options); });

Datos de interés
Viento
Pleamar
Bajamar
Temp. Agua
Temp. Aire
Salida sol
Puesta sol

Previsión de olas en tiempo real

No hay comentarios:

Comentarios

Las más leidas

Previsiones

_

Previsión de olas en tiempo real

También te puede interesar

No hay comentarios:

Comentarios

Las más leidas

Previsiones

_