Software > Cumulus y Cumulus MX
Utilidad para ver gráficos diarios de MX
jmviper:
--- Cita de: Lraso en 31 de Julio de 2020, 12:45:32 ---Muchas gracias. ¿Hay que descargar de nuevo los dos archivos o solo el .js?
--- Fin de la cita ---
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.
kocher:
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: ---
<!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ó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>
--- Fin del código ---
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
jmviper:
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
Lraso:
--- Cita de: jmviper en 24 de Julio de 2020, 20:53:20 ---
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.
--- Fin de la cita ---
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.
kocher:
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
Navegación
[#] Página Siguiente
[*] Página Anterior
Ir a la versión completa