Autor Tema: Meteograma Yr.no con gráficos dinámicos  (Leído 16110 veces)

0 Usuarios y 5 Visitantes están viendo este tema.

Desconectado kocher

  • Moderador Global
  • Hero Member
  • ******
  • Mensajes: 960
    • Ver Perfil
    • Meteo San Sebastian - Arriola
  • Estación: San Sebastian, Arriola ESEUS2000000020018A
Meteograma Yr.no con gráficos dinámicos
« en: 30 de Diciembre del 2016, 21:39:06 pm »
En la mayoría de las páginas web del foro, he observado que tienen instalado el meteograma de 48 horas desde la página de Yr.no para la localidad deseada.
Aquí podemos ver un ejemplo:

           

Pues bien, podemos tener la misma información realizada con gráficos dinámicos (Highcharts).

La diferencia es que, en el meteograma clásico, al tratarse de una imágen, nos ofrece una información con la que no se puede interactuar.
El "nuevo" meteograma, nos ofrecerá información detallada al pasar el ratón sobre las curvas.
Además, al pinchar en el pié del gráfico, nos lleva de forma automática al pronóstico detallado de nuestra localidad.

Para ello, tan solo es necesario:
- descargar el script en el enlace que dejo mas abajo.
- instalarlo en nuestra web
- Localizar el archivo "forecast_hour_by_hour.xml" para nuestra localidad.
- Llamar a nuestro script de esta manera:

http://mi página web/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

Demohttp://kocher.es/yr/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

Aquí pongo varios ejemplos de diversas localizaciones españolas:

- San Sebastian: #http://www.yr.no/place//Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml
- Huesca: #http://www.yr.no/place/Spain/Aragón/Huesca/forecast_hour_by_hour.xml
- Sevilla: #http://www.yr.no/place/Spain/Andalucía/Seville/forecast_hour_by_hour.xml
- Madrid: #http://www.yr.no/place/Spain/Madrid/Madrid/forecast_hour_by_hour.xml
- Salamanca: #http://www.yr.no/place/Spain/Castilla_y_León/Salamanca/forecast_hour_by_hour.xml
- Málaga: #http://www.yr.no/place/Spain/Andalucía/Malaga/forecast_hour_by_hour.xml


Descarga del script: http://kocher.es/cajon/meteogram_yr_no.php.txt (despues hay que renombrarlo como meteogram_yr_no.php)

Para cambiar el pié del gráfico donde pone Fuente: xxxxx, solo es necesario editar la línea número 453

Espero que os sea muy útil

Saludos desde San Sebastian y Feliz año a todos.

Editado el 09/08/2017::

Si comprobáis que el script ha dejado de funcionar, os recomiendo seguir las instrucciones de jmviper publicadas en este mismo hilo, el día 09/08/2017:

   http://forum.meteoclimatic.net/index.php/topic,1048.msg12204.html#msg12204








« Última modificación: 10 de Abril del 2019, 10:27:07 am por kocher »



“La mente es como un paracaídas… Solo funciona si la tenemos abierta”.

“La formulación de un problema, es más importante que su solución”.

“Si buscas resultados diferentes, no hagas siempre lo mismo" . -Albert Einstein-

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.403
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #1 en: 30 de Diciembre del 2016, 21:57:03 pm »
Perfecto kocher !!  :D :D

Creo que me suena  ;)


Archena, Valle de Ricote (Murcia). 120 msnm. 19.622 hab.
Davis Vantage Pro2 Plus

www.meteoarchena.es

Desconectado B.Santiago

  • Moderador Global
  • Hero Member
  • ******
  • Mensajes: 1.979
    • Ver Perfil
  • Estación: Ávila- La Colilla [ESCYL0500000005192A]
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #2 en: 30 de Diciembre del 2016, 22:20:16 pm »
Perfecto, sí.
Dejadme añadir que cuando elegimos ver el meteograma detallado (Hour by hour/Detailed) aparece en él  información gráfica sobre "Cloud cover", cobertura nubosa, que siempre es interesante conocer.
Aunque estos días no sean los más adecuados para mostrar un buen ejemplo, pongo enlace a este: http://www.yr.no/place/Spain/Castilla_y_Le%C3%B3n/La_Colilla/hour_by_hour_detailed.html
donde ahora puede apreciarse lo que digo, para  el próximo domingo.
La nubosidad esperable aparece arriba del todo en forma de trazo gris, más o menos estrecho, más o menos oscuro...

-Y dejadme añadir también que, cuando www.yr.no modificó su sitio web hace ya algunos años y solicitó aportaciones a los usuarios, yo mismo hice esta indicación, que me gustaría que añadieran al meteograma  la cobertura nubosa.
 Se ve que debimos ser muchos quienes lo pedimos, porque hicieron caso.
« Última modificación: 30 de Diciembre del 2016, 22:21:51 pm por B.Santiago »
[img width=180

Desconectado kocher

  • Moderador Global
  • Hero Member
  • ******
  • Mensajes: 960
    • Ver Perfil
    • Meteo San Sebastian - Arriola
  • Estación: San Sebastian, Arriola ESEUS2000000020018A
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #3 en: 30 de Diciembre del 2016, 22:34:10 pm »
Perfecto, sí.
Dejadme añadir que cuando elegimos ver el meteograma detallado (Hour by hour/Detailed) aparece en él  información gráfica sobre "Cloud cover", cobertura nubosa, que siempre es interesante conocer.
Aunque estos días no sean los más adecuados para mostrar un buen ejemplo, pongo enlace a este: http://www.yr.no/place/Spain/Castilla_y_Le%C3%B3n/La_Colilla/hour_by_hour_detailed.html
donde ahora puede apreciarse lo que digo, para  el próximo domingo.
La nubosidad esperable aparece arriba del todo en forma de trazo gris, más o menos estrecho, más o menos oscuro...

-Y dejadme añadir también que, cuando www.yr.no modificó su sitio web hace ya algunos años y solicitó aportaciones a los usuarios, yo mismo hice esta indicación, que me gustaría que añadieran al meteograma  la cobertura nubosa.
 Se ve que debimos ser muchos quienes lo pedimos, porque hicieron caso.

Muy bueno; desconocía esa historia.   :aplaude1:
« Última modificación: 30 de Diciembre del 2016, 22:35:59 pm por kocher »



“La mente es como un paracaídas… Solo funciona si la tenemos abierta”.

“La formulación de un problema, es más importante que su solución”.

“Si buscas resultados diferentes, no hagas siempre lo mismo" . -Albert Einstein-

MeteOlot

  • Visitante
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #4 en: 08 de Agosto del 2017, 20:54:26 pm »
Saludos,

kocher, hoy se me ocurrió descargar el script para hacer la prueba y no consigo que aparezca el Meteograma dinàmico... de echo creo más bien que se trata de un problema o bloqueo en yr.no pués el tuyo tampoco aparece... 

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

ambos se quedan cargando en:

 ...Loading data from external source

El archico .xml de mi localidad si es visible en el navegador:

http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml ...pero no carga el Meteograma: http://meteolot.com/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml

Alguna idea al respecto?  :-\ :-\

MeteOlot

  • Visitante
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #5 en: 08 de Agosto del 2017, 20:57:04 pm »
Saludos,

kocher, hoy se me ocurrió descargar el script para hacer la prueba y no consigo que aparezca el Meteograma dinámico... de echo creo más bien que se trata de un problema o bloqueo en yr.no pués el tuyo tampoco aparece... 

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

ambos se quedan cargando en:

 ...Loading data from external source

El archico .xml de mi localidad si es visible en el navegador:

http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml ...pero no carga el Meteograma: http://meteolot.com/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml

Alguna idea al respecto?  :-\ :-\

MeteOlot

  • Visitante
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #6 en: 08 de Agosto del 2017, 20:59:48 pm »
Debo perder facultades...  :o  no puedo editar mi post anterior ni borrar el segundo... no me aparecen las opciones  ??? es normal?

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.403
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #7 en: 09 de Agosto del 2017, 00:13:22 am »
Hola MeteOlot

Creo que recientemente se cambiaron los permisos para editar en el foro. A ver si Ubik se pasa y te dice lo que se puede y no se puede hacer.

saludos


Archena, Valle de Ricote (Murcia). 120 msnm. 19.622 hab.
Davis Vantage Pro2 Plus

www.meteoarchena.es

Desconectado kocher

  • Moderador Global
  • Hero Member
  • ******
  • Mensajes: 960
    • Ver Perfil
    • Meteo San Sebastian - Arriola
  • Estación: San Sebastian, Arriola ESEUS2000000020018A
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #8 en: 09 de Agosto del 2017, 12:03:13 pm »
Saludos,

kocher, hoy se me ocurrió descargar el script para hacer la prueba y no consigo que aparezca el Meteograma dinàmico... de echo creo más bien que se trata de un problema o bloqueo en yr.no pués el tuyo tampoco aparece... 

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

ambos se quedan cargando en:

 ...Loading data from external source

El archico .xml de mi localidad si es visible en el navegador:

http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml ...pero no carga el Meteograma: http://meteolot.com/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml

Alguna idea al respecto?  :-\ :-\

Si, efectivamente, ha dejado de funcionar como tu dices.
No tengo ni idea de cual es la causa; sospecho que se trata de algún cambio en Yr.no.




“La mente es como un paracaídas… Solo funciona si la tenemos abierta”.

“La formulación de un problema, es más importante que su solución”.

“Si buscas resultados diferentes, no hagas siempre lo mismo" . -Albert Einstein-

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.403
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #9 en: 09 de Agosto del 2017, 16:11:28 pm »
Por lo que he estado probando parece que funciona para unos sitios y para otros no. Por ejemplo en la URL de kocher:

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

si cambiamos Spain/Basque_Country/San_Sebastian por Londres que es la ciudad del ejemplo del código del meteograma United_Kingdom/England/London vemos que sí sale:

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/United_Kingdom/England/London/forecast_hour_by_hour.xml

Parece ser que como dice kocher hay algún cambio en yr.no con los xml de algunos sitios.

El problema viene del archivo jsonp.php de highcharts que se encarga de transformar a json los xml de yr.no haciendo el cross domain.

Yo hace tiempo que ese archivo jsonp.php lo tengo en mi servidor en vez de usar el de highcharts. Se código se encuentra en:

https://github.com/highcharts/highcharts/blob/master/samples/data/jsonp.php

Se copia el código y se guarda a un archivo llamado jsonp.php y se pone en la carpeta de nuestro servidor donde tengamos el meteograma.

Ahora nos vamos al código javascript del meteograma y casi al final donde está la función para cargar el ajax aparece una línea que pone:

Código: [Seleccionar]
'http://www.highcharts.com/samples/data/jsonp.php?url=' + location.hash.substr(1) + '&callback=?',

y la cambiamos por:

Código: [Seleccionar]
'jsonp.php?url=' + location.hash.substr(1) + '&callback=?',

Con eso ya lo apuntamos a nuestro jsonp.php el cual podremos modificar ya a nuestro gusto. El problema que he visto es que hay un error en el GET filename.

Para que no nos dé error buscamos en nuestro archivo jsonp.php la línea casi al principio donde pone:

Código: [Seleccionar]
$filename = $_GET['filename'];
y la cambiamos por:

Código: [Seleccionar]
$filename = !empty($_GET['filename']) ? $_GET['filename'] : '';
Con eso ya el error desaparece y se carga el meteograma.

Si queréis probar y si no habrá que esperar a que modifiquen el código.

Saludos


Archena, Valle de Ricote (Murcia). 120 msnm. 19.622 hab.
Davis Vantage Pro2 Plus

www.meteoarchena.es

Desconectado kocher

  • Moderador Global
  • Hero Member
  • ******
  • Mensajes: 960
    • Ver Perfil
    • Meteo San Sebastian - Arriola
  • Estación: San Sebastian, Arriola ESEUS2000000020018A
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #10 en: 09 de Agosto del 2017, 18:09:38 pm »
¡¡¡  Uffffffffff !!!!!!

jmviper, me has dejado atónito.

Cuando, gracias a MeteOlot, he visto que no funcionaba el meteograma, he tenido el siguiente razonamiento:

1) ¿El archivo "forecast_hour_by_hour.xml" funciona bien?:

- Sí; pues, entonces, debe fallar mi script "meteograma_yr_no.php"

2) ¿Es un fallo general?:

- Tampoco le funciona a Meteolot. Por lo tanto, sí, debe ser un fallo general  *-*

Pero, lo que mas me ha impactado, es la identificación  del verdadero culpable de este fallo: "jsonp.php" de Highcharts.

Finalmente, la corrección que has ideado para ese archivo, creo que es de chapeau.



Ahora, el script, funciona perfectamente:

http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml

Gratamente impresionado

Muchísimas gracias



« Última modificación: 09 de Agosto del 2017, 19:09:12 pm por kocher »



“La mente es como un paracaídas… Solo funciona si la tenemos abierta”.

“La formulación de un problema, es más importante que su solución”.

“Si buscas resultados diferentes, no hagas siempre lo mismo" . -Albert Einstein-

MeteOlot

  • Visitante
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #11 en: 09 de Agosto del 2017, 18:48:16 pm »
Genial... :)

He seguido el procedimiento que ha expuesto jmviper y el Meteograma ya me aparece.

http://meteolot.com/meteograma_yr_no/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml

 apla3  apla3  apla3

Desconectado kocher

  • Moderador Global
  • Hero Member
  • ******
  • Mensajes: 960
    • Ver Perfil
    • Meteo San Sebastian - Arriola
  • Estación: San Sebastian, Arriola ESEUS2000000020018A
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #12 en: 09 de Agosto del 2017, 19:08:35 pm »
Saludos MeteOlot

Enhorabuena por haber avisado del fallo.

Por otra parte, con mi navegador (Chrome), veo signos raros en tu meteograma.

Creo que se puede remediar si, con tu editor de texto (yo utilizo PsPad), debes ir a:

Menu >> Formato >> activar la casilla UTF-8

Grabas el fichero y lo subes a tu web; los signos raros deben desaparecer.

Saludos desde San Sebastian




“La mente es como un paracaídas… Solo funciona si la tenemos abierta”.

“La formulación de un problema, es más importante que su solución”.

“Si buscas resultados diferentes, no hagas siempre lo mismo" . -Albert Einstein-

MeteOlot

  • Visitante
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #13 en: 09 de Agosto del 2017, 20:21:19 pm »
He probado con Chrome, Firefox y Edge, y en lugar del símbolo de º efectivamente se observa un error... todo lo demás está correcto. El caso es que mediante el Notepad++acabo de cambiar la codificación a UTF-8 pero sigue igual. ???

Bueno, ya investigará a ver...

Gracias!

 

Desconectado kocher

  • Moderador Global
  • Hero Member
  • ******
  • Mensajes: 960
    • Ver Perfil
    • Meteo San Sebastian - Arriola
  • Estación: San Sebastian, Arriola ESEUS2000000020018A
Re:Meteograma Yr.no con gráficos dinámicos
« Respuesta #14 en: 09 de Agosto del 2017, 20:36:46 pm »
Puedes intentar otra cosa: sustituir cada signo º por esto: °
« Última modificación: 09 de Agosto del 2017, 20:39:14 pm por kocher »



“La mente es como un paracaídas… Solo funciona si la tenemos abierta”.

“La formulación de un problema, es más importante que su solución”.

“Si buscas resultados diferentes, no hagas siempre lo mismo" . -Albert Einstein-