Meteoclimatic
Bricolaje y otras manualidades => Creacion de páginas personales meteorológicas => Mensaje iniciado por: kocher 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:
(http://www.yr.no/place/Spain/Arag%C3%B3n/Huesca/meteogram.png)
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
Demo: http://kocher.es/yr/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml (http://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 (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 (http://forum.meteoclimatic.net/index.php/topic,1048.msg12204.html#msg12204)
-
Perfecto kocher !! :D :D
Creo que me suena ;)
-
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.
-
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:
-
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 (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 (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 (http://meteolot.com/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml)
Alguna idea al respecto? :-\ :-\
-
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 (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 (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 (http://meteolot.com/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml)
Alguna idea al respecto? :-\ :-\
-
Debo perder facultades... :o no puedo editar mi post anterior ni borrar el segundo... no me aparecen las opciones ??? es normal?
-
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
-
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 (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 (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 (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.
-
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:
'http://www.highcharts.com/samples/data/jsonp.php?url=' + location.hash.substr(1) + '&callback=?',
y la cambiamos por:
'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:
$filename = $_GET['filename'];
y la cambiamos por:
$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
-
¡¡¡ 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.
(http://kocher.es/cajon/chapeaubas.gif)
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 (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
-
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 (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
-
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
-
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!
-
Puedes intentar otra cosa: sustituir cada signo º por esto: °
-
Arreglado... ;)
En la línia 597 del archivo meteogram_yr_no.php cambié directamente el símbolo que aparecía por ºC
Gracias de nuevo.
-
Ahora sólo falta que algun admin borre uno de los dos mensajes o vea el porque no pueden modificarse ni eliminarse los posts que ha publicado uno mismo ;D ;D
-
Saludos MeteOlot
Yo lo sigo viendo igual en mi navegador.
La corrección sería la siguiente:
Sustituir cada signo º por esto: °
-
Pués ahora si que no entiendo nada... yo lo veo bien en los 3 navegadores. :o
-
jjjjjjjjj, Sí, has corregido los signos extraños del "tooltip" (globo informativo).
Si miras en el eje Y, continúan los signos extraños.
En teoría se debe solucionar así:
- Poniendo esta línea entre en el "head" de la página (creo que eso ya lo tienes):
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- Grabando el archivo en formato UTF-8
-
Me alegro de que os haya servido el pequeño "arreglo" que le he hecho al meteograma :D :D
Lo más seguro es que el fallo lo vayan reportando en el foro de highcharts y vayan solucionándolo. Lo que yo he hecho ha sido como digo un arreglo pero quizás el día de mañana cuando cambien el código del meteograma o de la versión de highcharts o jQuery deje de funcionar algo >:(
Por ejemplo he visto en el código del meteograma de highcharts en su web que la función Ajax del json la han cambiado aunque a efectos prácticos hace lo mismo y el error sigue estando en lo que he dicho anteriormente.
En cuanto a lo del UTF-8 como ha dicho kocher lo mejor es ponerle su etiqueta "meta" en el head y te despreocupas de si escribes acentos etc etc en el documento. También los archivos PHP y cualquier otro que sean UTF-8 sin bom.
Ahora lo que veo es que no carga el meteograma de la URL de MeteOlot. En el navegador pone el error: Uncaught SyntaxError: Invalid or unexpected token (en Chrome) en la línea 504.
Corresponde a la línea:
format: '{value}º,
donde se te ha olvidado con lo de los grados cerrar la comilla simple.
Saludos
-
Debo perder facultades... :o no puedo editar mi post anterior ni borrar el segundo... no me aparecen las opciones ??? es normal?
Bueno, como dice Jmviper, se han cambiado algunas cosillas, entre ellas las opciones de borrado y edición de los post, y no por capricho.
Hay que darle las gracias a algunas personas que disfrutan tirando la piedra y escondiendo la mano.
No creo que sea serio que en un post se diga una cosa y en función de las respuestas se modifique el post
Siento que paguen justos por pecadores, pero es lo que hay, al menos por ahora.
-
Ahora lo que veo es que no carga el meteograma de la URL de MeteOlot. En el navegador pone el error: Uncaught SyntaxError: Invalid or unexpected token (en Chrome) en la línea 504.
Corresponde a la línea:
format: '{value}º,
donde se te ha olvidado con lo de los grados cerrar la comilla simple.
Saludos
Gracias jmviper efectivamente se me había pasado cerrar la comilla simple... ya está arreglado. ;)
No quisiera alargar el tema pero quizás le sea de ayuda a alguien en caso que fuera un detalle a poder elegir en cuanto a visualización, pero veo que entre el Meteograma de kocher:
- http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml (http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml)
y el mio...
- http://meteolot.com/meteograma_yr_no/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml (http://meteolot.com/meteograma_yr_no/meteogram_yr_no.php#http://www.yr.no/place/Spain/Catalonia/Olot/forecast_hour_by_hour.xml)
...se observa que la escala de temperaturas en la parte izquierda del Meteograma, ésta aparece reflejada de distinta forma... mientras el de kocher los valores ascienden de grado en grado, en el mio sólo aparecen los dígitos de 8ºC en 8ºC :-\
He repasado la programación del php pero no he sabido encontrar como modificar ese detalle.
-
...se observa que la escala de temperaturas en la parte izquierda del Meteograma, ésta aparece reflejada de distinta forma... mientras el de kocher los valores ascienden de grado en grado, en el mio sólo aparecen los dígitos de 8ºC en 8ºC :-\
He repasado la programación del php pero no he sabido encontrar como modificar ese detalle.
Yo creo que la escala del eje Y, viene gestionada por Highcharts de forma automática, en función de los valores máximos y mínimos.
Si bien es verdad que, nos permite actuar de forma manual en esa escala:
http://api.highcharts.com/highcharts/yAxis (http://api.highcharts.com/highcharts/yAxis)
-
Como dice kocher es un ajuste automático que realiza el script del meteograma. Específicamente es la función tickPositioner.
En tu código localiza estas líneas de la función:
// Custom positioner to provide even temperature ticks from top down
tickPositioner: function () {
var max = Math.ceil(this.max) + 1,
pos = max - 12, // start
ret;
if (pos < this.min) {
ret = [];
while (pos <= max) {
ret.push(pos++);
}
} // else return undefined and go auto
return ret;
},
En ellas se pone que si la diferencia de temperatura entre la máxima y la mínima es mayor a 12 se pondrá el posicionamiento de las etiquetas en automático. En el meteograma de kocher ahora hay menos de esos 12ºC entre la máxima y la mínima por lo que la escala la hace de 1 en 1ºC.
Si por ejemplo cambias en la línea donde pone pos = max - 12, // start por pos = max - 22, // start irá de 1 en 1 grado hasta amplitudes de 22ºC. Lo malo es que te dibujará esa amplitud aunque haya poca realmente en la temperatura y se mostrará más plana la línea.
Solución, puedes probar a cambiarlo por el siguiente código:
// Custom positioner to provide even temperature ticks from top down
tickPositioner: function () {
var max = Math.ceil(this.max),
pos = Math.round(this.min)-3, // start
ret = [];
while (pos <= max) {
ret.push(pos += 2);
}
// else return undefined and go auto
return ret;
},
Con él se hará el cálculo automáticamente y pondrá etiquetas cada 2 grados. Si quieres que sea cada grado puedes cambiar la línea ret.push(pos += 2); por ret.push(pos += 1);
Eso sí ... con amplitudes grandes de temperatura saldrán muuuchas etiquetas ::)
Saludos
-
¡Excelente!
Yo todavía no he logrado traducir al español los nombres de los días, el estado del cielo (vg: "Partly cloudy") y la dirección del viento. :;
-
Hola kocher
Aquí sabes que me tienes/tenéis para lo que quieras ;)
Si quieres puedes ir viendo el código del script de mi meteograma en el que he puesto lo de los días y las traducciones de vientos y conversiones a km/h que las hago en funciones que se ponen donde corresponde:
http://meteoarchena.es/meteograma.html
Si tienes/tenéis alguna duda aquí estoy para intentar resolverla :)
saludos
-
¡ Genial!
Muchísimas gracias :aplaude1:
-
Funciona perfectamente :
http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml (http://kocher.es/meteogram_yr_no.php#http://www.yr.no/place/Spain/Basque_Country/San_Sebastian/forecast_hour_by_hour.xml)
Muchas gracias jmviper :D
Saludos desde San Sebastián
-
Perfecto ! :D
Simplemente decirte que como ves las funciones de traducción son "artesanales" y aunque he puesto en los if varias cadenas traducidas del estado del cielo puede que aparezca alguna que no se me ha haya dado a mí.
Y es que aquí pocas variables meteorológicas tenemos comparados con las que se pueden producir en el norte. Creo que la más usada aquí con diferencia es "Despejado" *+*.
En caso de no estar traducida saldría en el tooltip del meteograma en inglés y tocaría añadirle un if a la función con su traducción.
Saludos
-
Perfecto...!! :D :D
Si hay algun otro interesado en apañarse el Meteograma dinámico ya lo tendrá más facil.
apla3 apla3 apla3
Muy buen trabajo.
He añadido los if correspondientes a la intensidad del viento restantes... por aquí de vez en cuando le da por soplar a lo bestia (Está en catalán, si alguien lo quiere en cristiano se lo paso *+* ;D).
Por cierto estoy trasteando un nuevo formato que encontré por ahí de https://weather34.com/ (https://weather34.com/) ::)
Algo así... (en el menú pueden añadirse más opciones y enlaces):
http://meteolot.com/pws/ (http://meteolot.com/pws/)
Si lo encontrais interesante podría habrirse un hilo nuevo... cuantas más opciones de representar los datos mejor.
-
Por cierto estoy trasteando un nuevo formato que encontré por ahí de https://weather34.com/ (https://weather34.com/) ::)
Algo así... (en el menú pueden añadirse más opciones y enlaces):
http://meteolot.com/pws/ (http://meteolot.com/pws/)
Si lo encontrais interesante podría habrirse un hilo nuevo... cuantas más opciones de representar los datos mejor.
Brian Underdown es el autor de esa plantilla gratuita, caracterizada por ser escueta, de fino diseño ....¡¡¡pero!!!
Desde el 07/08/2017, Brian ha suspendido el programa; el motivo ha sido que, un personaje (David Finlay) en Australia, se ha adueñado de la plantilla, haciendo creer que la había diseñado él mismo; con ese apaño ha fundado una empresa (WeatherSoft) que vende el producto para todo aquel que quiera una página web; al parecer está muy relacionado con los clubs náuticos, donde interesa tener una plantilla sencilla y fácil de ver en cualquier dispositivo.
Aquí está la Web plagiada (copia exacta de la plantilla) que ha vendido a un club náutico:
http://weathersoft.net.au/hastings/master/ (http://weathersoft.net.au/hastings/master/)
Visto lo anterior, Brian ha montado en cólera, se ha deprimido y ha cancelado el proyecto. ¡Una pena!:
Para mas información:
https://www.weather34.com/homeweatherstation/ (https://www.weather34.com/homeweatherstation/)
http://sandaysoft.com/forum/viewtopic.php?f=14&t=15136&start=870 (http://sandaysoft.com/forum/viewtopic.php?f=14&t=15136&start=870)
http://www.weather-watch.com/smf/index.php/topic,63245.825.html (http://www.weather-watch.com/smf/index.php/topic,63245.825.html)
-
De casualidad lo encontré en el foro de weather-watch.com hará un par de semanas pero como andaba ocupado no me puse a ello hasta esta semana.
Pués vaya cabronada... joder, tanto trabajo y dedicación desinteresada para lograr un resultado más que decente y que además pueda usar quien quiera, para que luego aparezca algún listillo por llamarlo educadamente y así por las buenas se lo apropie... No me extraña que se lo haya tomado así. :(
La plantilla en si es perfecta sobretodo para quien quiera hacerse una versión "ligera" para ser consultada desde smartphone/tablets... el diseño es el mismo pero se adapta y se ve muy decentemente si se consulta a través del telefono.
-
Una pequeña mejora para el posicionamiento de las etiquetas de los grados... como veo que ponerlo cada 1 ó 2 grados afecta sobre todo al margen inferior y que no luce que se vean cada 2ºC cuando hay poca amplitud he retocado el código del tickPositioner para que establezcamos nosotros el umbral a partir del cual será cada grado o cada 2 grados. Así con poca amplitud siempre se verá cada grado y el umbral lo pondremos nosotros.
// Custom positioner to provide even temperature ticks from top down
tickPositioner: function () {
var max = Math.ceil(this.max),
amplitud = 14; //establecer la amplitud para poner etiquetas cada grado o cada 2
pos = Math.floor(this.min), // start
offset = (max-pos > amplitud) ? 2 : 1;
pos -= offset;
ret = [];
while (pos <= max) {
ret.push(pos += offset);
}
// else return undefined and go auto
return ret;
},
saludos