Autor Tema: Utilidad para ver gráficos diarios de MX  (Leído 13584 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.403
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #15 en: 31 de Julio del 2020, 12:51:36 pm »
Muchas gracias. ¿Hay que descargar de nuevo los dos archivos o solo el .js?

Hay que descargarse los dos de nuevo. Y en el graficos.js volver a poner la fecha de inicio en su variable correspondiente si la teníamos puesta.


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:Utilidad para ver gráficos diarios de MX
« Respuesta #16 en: 31 de Julio del 2020, 13:23:59 pm »
Buenas tardes jmviper

El asunto ha mejorado mucho, gracias a tu esfuerzo,  je je

El selector de temas funciona, salvo para los tres últimos temas: Grid-ligth,  Sand-signika, Skies

Digo esto porque conozco esos temas.

He estado pensando que, quizás, pueda haber una solución más sencilla:

                     http://kocher.es/cumulusMX/FWI/   

Una vez allí, pinchamos en la primera pestaña del menú, donde dice: Climato

El código del selector de temas es:

Código: [Seleccionar]


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=http:"http//www.w3.org/1999/xhtml" xml:lang="en">
<head><script type="text/javascript" src="http://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=6_wB0lp4ncyGtUGBMzDwOYZIfh63Jac2k6mXSWBNfr4_X7BUrKkDmSWqq55ByXra1bFKMte5WQdKC3qum0uVDg" charset="UTF-8"></script><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder 10 - http://www.wysiwygwebbuilder.com">
<link href="sitemodel_10.css" rel="stylesheet" type="text/css">
<link href="selector-temas.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="wwb10.min.js"></script>
<!-- Insert Google Analystics code here -->
</head>
<body>
<iframe name="climato" id="InlineFrame1" style="position:absolute;left:0px;top:51px;width:910px;height:1114px;z-index:0;" src="http://kocher.es/cumulusMX/climato-gw/climato_gw_sand.php" scrolling="no" frameborder="0"></iframe>
<div id="wb_Image1" style="position:absolute;left:755px;top:0px;width:125px;height:125px;z-index:1;">
<img src="images/img0111.png" id="Image1" alt=""></div>
<div id="wb_GoMenu1" style="position:absolute;left:10px;top:14px;width:190px;height:25px;z-index:2;">
<form id="GoMenu1">
   <select id="GoMenu1_select" name="GoMenu1" onchange="OnGoMenuFormLink(this)">
      <option class="_self" value="#" selected>Selecci&oacute;n del tema</option>
      <option class="climato" value="http://kocher.es/cumulusMX/climato-gw/climato_gw_sand.php">Arena (por defecto)</option>
      <option class="climato" value="http://kocher.es/cumulusMX/climato-gw/climato_gw_bluedark.php">Azul</option>
      <option class="climato" value="http://kocher.es/cumulusMX/climato-gw/climato_gw_darkgreen.php">Verde</option>
      <option class="climato" value="http://kocher.es/cumulusMX/climato-gw/climato_gw_gray.php">Gris</option>
      <option class="climato" value="http://kocher.es/cumulusMX/climato-gw/climato_gw_grid.php">Claro</option>
   </select>
</form>
</div>
</body>
</html>


Obviamente, habría que cambiar las direcciones (aunque no se cambien, deberían funcionar)

No sé si esto puede ayudar o nó

De cualquier forma. muchísimas gracias por el esfuerzo y el resultado de este admirable script




« Última modificación: 31 de Julio del 2020, 13:25:33 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-

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.403
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #17 en: 31 de Julio del 2020, 16:50:32 pm »
Hola kocher

buffff es mucho lío todo esto y he tenido que ir depurando esas propiedades de cada tema.

Resulta que cada "tema" o archivo JavaScript (grid.js, dark-blue.js etc etc) mete su propio "entorno" tanto de estilos como de propiedades de los gráficos de highcharts. Lo suyo sería aplicar estilo y recargar página pero quería explorar la opción de poder seleccionar el estilo sin tener que recargar la página por lo que he tenido que copiar y modificar como he podido los arrays de propiedades de los gráficos para cada tema.

Te doy nuevamente las gracias  ;) por hacer darme cuenta de que habían temas que no se aplicaban bien (sobre todo los 3 últimos) ya que no cargaban las fuentes correspondientes... además en el de skies he visto que tenía una imagen de fondo, y eso me extrañó al probrarlo…. "no se ve nada especial de cielos en este tema" me dije  *+* *+* *+*
Viendo las características que aplica he visto que el enlace a la imagen de fondo no dirige a ella sino a una página de highcharts y he tenido que poner el enlace a la página correcta.

Actualmente hay dos problemas en los gráficos preparados así:

1.- El título lateral izquierdo del eje Y (Temperatura, etc) al que no se le aplican los estilos modificando esas propiedades (negrita, fuente bold).
2.- Si se pone en el head del archivo el enlace a grid.js sale la parrilla del eje Y con más líneas. En los de fondo claro se ve bien pero en los de oscuro no, ya que se ven muchas líneas blancas que lo dejan bastante feo. Así que he optado por la opción de no ponerlo y saldrán en todos más espaciados y no se verá tan cargado.

Gracias por los enlaces a tu web que me has puesto en tu página. Intentaré sacar algo de ellos sobre todo en cuanto a ideas para el futuro pero es que cuando empiezas a hacer una cosa de un modo tener que deshacerlo todo y empezar desde el principio cuesta, y yo ya iba con la mente reciente de cómo iba todo esto y cómo poder depurarlo.

De nuevo gracias kocher el de los saludos desde San Sebastián  *-* *-*

Adjunto los dos de nuevo en el primer mensaje para ver si os gustan como van. Intentaré ver si puedo arreglar lo del título del eje Y pero ya veremos qué puedo hacer.

Ya me decís si algo va mal, de momento estamos en fases betas   :)

Saludos


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

www.meteoarchena.es

Desconectado Lraso

  • Sr. Member
  • ****
  • Mensajes: 289
    • Ver Perfil
  • Estación: Paterna - Casas Verdes - ESPVA4600000046980C / Bejis - ESPVA1200000012430A
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #18 en: 31 de Julio del 2020, 17:57:11 pm »

El archivo graficos.js tiene una opción de configuración al inicio del mismo var inicio = '' donde se puede poner la fecha de inicio que tengamos de nuestros logs para que empiece el calendario en esa fecha. El calendario por defecto siempre pondrá la fecha de hoy y la dibujará da igual el intervalo de tiempo de hoy que haya transcurrido.


Buenas jmviper y disculpa mi desconocimiento, pero no me aclaro a poner la fecha de inicio del gráfico. Abro el archivo con el bloc de notas y veo que al inicio explicas el tema de la fecha, pero luego no se donde se debe poner exactamente entre tantas lineas de texto. ¿Sería mucho pedir que pusieras una captura de pantalla indicando exactamente en que lugar o lugares se debe poner la expresión var inicio = "11/02/2020" (que sería la fecha de inicio en mi caso)? He probado ponerla en varios lugares pero no hay forma...

Gracias.


Desconectado kocher

  • Moderador Global
  • Hero Member
  • ******
  • Mensajes: 960
    • Ver Perfil
    • Meteo San Sebastian - Arriola
  • Estación: San Sebastian, Arriola ESEUS2000000020018A
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #19 en: 31 de Julio del 2020, 19:35:06 pm »
Otro tema que has solucionado: Skies

Pensándolo un poco, tampoco es necesario disponer de todas las posibilidades; sería suficiente con disponer de un tema claro y varios oscuros que ya funcionan.

el resultado es muy muy bueno  apla3




“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:Utilidad para ver gráficos diarios de MX
« Respuesta #20 en: 31 de Julio del 2020, 20:50:47 pm »

El archivo graficos.js tiene una opción de configuración al inicio del mismo var inicio = '' donde se puede poner la fecha de inicio que tengamos de nuestros logs para que empiece el calendario en esa fecha. El calendario por defecto siempre pondrá la fecha de hoy y la dibujará da igual el intervalo de tiempo de hoy que haya transcurrido.


Buenas jmviper y disculpa mi desconocimiento, pero no me aclaro a poner la fecha de inicio del gráfico. Abro el archivo con el bloc de notas y veo que al inicio explicas el tema de la fecha, pero luego no se donde se debe poner exactamente entre tantas lineas de texto. ¿Sería mucho pedir que pusieras una captura de pantalla indicando exactamente en que lugar o lugares se debe poner la expresión var inicio = "11/02/2020" (que sería la fecha de inicio en mi caso)? He probado ponerla en varios lugares pero no hay forma...

Gracias.

No hay nada que disculpar, quien no está familiarizado con estos temas es fácil que se pierda entre tanta línea.
Las primera líneas de graficos.js son:

Código: [Seleccionar]
//Configuración de la fecha, si no se pone empezará sin fecha de inicio definida
//El formato a poner es MM/DD/YYYY por ejemplo el 1 de julio será 07/01/2020
//Poner siempre entre las comillas

var inicio = '';

//////////////////////////////////////////////////////////


Ahí tienes en el interior de esa var inicio = '' dónde poner la fecha entre sus comillas. El formato es americano MM/DD/YYYY porque es prácticamente con el que trabajan muchos lenguajes de programación entre ellos JavaScript (y con otros formatos de fecha).

Así que si quieres poner el 11 de febrero de 2020 debes de dejar esas primeras líneas así:

Código: [Seleccionar]
//Configuración de la fecha, si no se pone empezará sin fecha de inicio definida
//El formato a poner es MM/DD/YYYY por ejemplo el 1 de julio será 07/01/2020
//Poner siempre entre las comillas

var inicio = '02/11/2020';

//////////////////////////////////////////////////////////


Observa el mes al principio y el día en medio.

Cuando lo modifiques haz una recarga con CTRL + F5 en el navegador para que pida el archivo al servidor y no lo sirva de la caché ya que en ella puede estar el antiguo todavía y no salir todavía ese primer día en el calendario.
Antes de esa fecha los días estarán deshabilitados en el calendario.

Otro tema que has solucionado: Skies

Pensándolo un poco, tampoco es necesario disponer de todas las posibilidades; sería suficiente con disponer de un tema claro y varios oscuros que ya funcionan.

el resultado es muy muy bueno  apla3



Creo que aceptable y espero que os guste, ya creo que lo dejo así  ;)

Saludos


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

www.meteoarchena.es

Desconectado Lraso

  • Sr. Member
  • ****
  • Mensajes: 289
    • Ver Perfil
  • Estación: Paterna - Casas Verdes - ESPVA4600000046980C / Bejis - ESPVA1200000012430A
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #21 en: 31 de Julio del 2020, 23:57:01 pm »
El formato es americano MM/DD/YYYY porque es prácticamente con el que trabajan muchos lenguajes de programación entre ellos JavaScript (y con otros formatos de fecha).


jmviper, agradezco mucho tu comprensión y paciencia. Ya me funciona correctamente el calendario. Tus indicaciones me han sido muy útiles.
Solamente apuntar que tras probar el formato de fecha americano y ver que no se correspondía con el inicio esperado, me he dado cuenta de que no se por que extraño motivo a mi me funciona con el formato que utilizamos normalmente en nuestro entorno DD/MM/YYYY. Me di cuenta porque al poner 02/11/2020 me aparecía el calendario deshabilitado. Luego probé poner la fecha del 1 de marzo (03/01/2020) y vi que el calendario tenía los días habilitados desde el 3 de enero, por lo que finalmente deduje que estaba funcionando nuestro formato habitual de fecha. El caso es que ya lo tengo puesto con la fecha de inicio de mis logs en febrero. Pero a mi me ha funcionado el formato de fecha que habitualmente utilizamos por aquí. No se si al resto os sucede lo mismo...

Un saludo

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.403
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #22 en: 01 de Agosto del 2020, 00:43:25 am »
Tienes absolutamente toda la razón, la fecha funciona en nuestro formato de DD/MM/YYYY y no en el americano.

El error es que probé la librería de datepicker al principio sin la extensión en español (bootstrap-datepicker.es.min.js) que hace que los nombres de meses y días y los formatos cambien a español.

Error mío que ya he corregido en los comentarios de graficos.js

Como veis vuestros tests y ayuda han servido para ir depurando todo esto.

Esperemos que no salga ya nada más   *-* *-*

Venga a disfrutarlo. Saludos


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

www.meteoarchena.es

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.403
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #23 en: 01 de Agosto del 2020, 12:06:42 pm »
Un apunte haciendo pruebas con un amigo que usa la build 3088.

MX ha estado últimamente poniendo en los logs un nuevo valor al final de cada línea del humidex. Puede que los gráficos de temperatura no carguen al no tener ese campo el json que genera la build 3088.

Solución: actualizar a la nueva 3089 en la que el json sí lleva ese valor. De hecho en la página genuina de gráficos de MX (charts.html) aparece ya ese nuevo valor en los gráficos.




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

www.meteoarchena.es

Desconectado Lraso

  • Sr. Member
  • ****
  • Mensajes: 289
    • Ver Perfil
  • Estación: Paterna - Casas Verdes - ESPVA4600000046980C / Bejis - ESPVA1200000012430A
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #24 en: 02 de Agosto del 2020, 23:24:12 pm »
Buenas,
¿Que representa exactamente ese parámetro nuevo llamado humidex?

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.403
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #25 en: 03 de Agosto del 2020, 00:25:33 am »
Buenas,
¿Que representa exactamente ese parámetro nuevo llamado humidex?

Índice de humedad. Un índice de sensación de calor canadiense:

https://es.wikipedia.org/wiki/Humidex


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:Utilidad para ver gráficos diarios de MX
« Respuesta #26 en: 03 de Agosto del 2020, 12:47:51 pm »
Buenas,
¿Que representa exactamente ese parámetro nuevo llamado humidex?

Aparte de la explicación  de su significado a la  que te encamina jmviper, habrás podido observar que ese parámetro  "nuevo" aparece en los mapas de temperatura de Meteoclimatic desde el principio.  Puede verse en la imagen que adjunto.
En verano sustituye al WindChill, (diríamos que este vale por sensación de frío) parámetro de alguna manera equiparable que se muestra en invierno)
Para interpretarlo a grandes rasgos vale decir que cuando alcanza o supera 30 ºC se correspondería con una molesta sensación de calor excesivo, de bochorno.
Naturalmente, la sensibilidad individual varía de unas personas a otras. El humidex pretende aportar un valor objetivo.
« Última modificación: 03 de Agosto del 2020, 12:54:31 pm por B.Santiago »
[img width=180

Desconectado Lraso

  • Sr. Member
  • ****
  • Mensajes: 289
    • Ver Perfil
  • Estación: Paterna - Casas Verdes - ESPVA4600000046980C / Bejis - ESPVA1200000012430A
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #27 en: 03 de Agosto del 2020, 21:32:46 pm »
Muchas gracias jmviper y B.Santiago.
Con vuestra ayuda ahora me queda muy claro. Un índice muy útil para esta es poca del año y prevenir posibles problemas asociados al calor y al ejercicio físico.
Y súper acertado que aparezca en los mapas de Meteoclimatic.
Saludos!

ELX_CARRUS

  • Visitante
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #28 en: 05 de Enero del 2021, 19:49:45 pm »
funciona muy bien y es muy practico.
gracias.
 apla3

Desconectado jmviper

  • Investigación
  • Hero Member
  • ******
  • Mensajes: 4.403
  • "Vortex Complex"
    • Ver Perfil
    • www.meteoarchena.es
  • Estación: Archena - ESMUR3000000030600B
Re:Utilidad para ver gráficos diarios de MX
« Respuesta #29 en: 05 de Enero del 2021, 22:32:09 pm »
Perfecto si te viene bien  :)

Voy a ver si le incorporo nuevas cosas, la tenía dejada de lado y se le pueden poner gráficos mensuales y anuales basándonos en el dayfile. Cualquier sugerencia será bienvenida  8)


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

www.meteoarchena.es