899942_es-ES

liliconcom

Cómo crear un HTML interactivo con dos pestañas que cambian la imagen del gráfico en función del valor elegido en la lista desplegable

rpt = Nueva ventana("Informe de la galería de imágenes",

TabBox("Mapas superpuestos",

Cuadro de lista H(

row1_hlist = V Cuadro de lista(Cuadro de texto("Galería de imágenes de: " || "INTW.203P"),

//Cuadro de texto("Encontrado " || Char(N elementos(archivos_de_imagen)) || " imágenes"),

Caja espaciadora (tamaño (0, 10))),

Caja espaciadora (tamaño (0, 20)),

//Etiqueta de la segunda fila

row2_hlist = V Cuadro de lista(Cuadro de texto("Galería de imágenes de: " || "INTW.103P"),

//Cuadro de texto("Encontrado " || Char(N elementos(archivos_de_imagen)) || " imágenes"),

Caja espaciadora (tamaño (0, 10))),

Caja espaciadora (tamaño (0, 20))

),

"Individual",

Cuadro de lista H(

//Etiqueta de la segunda fila

row3_hlist = V Cuadro de lista(Cuadro de texto("DESPLAZAMIENTO "),

//Cuadro de texto("Encontrado " || Char(N elementos(archivos_de_imagen)) || " imágenes"),

miListbox = ComboBox(Lista_de_Lotes, hacerElecciónDeLista),

hacerListaElección = expr(

elección = myListbox << obtenerSeleccionado;

mostrar(elección););

Caja espaciadora (tamaño (0, 10)),

report_conatiner = v cuadro de lista()

),

Caja espaciadora (tamaño (0, 20)),

//Etiqueta de la segunda fila

row5_hlist = V Cuadro de lista(Cuadro de texto("Galería de imágenes de: " || "INTW.103P")

//Cuadro de texto("Encontrado " || Char(N elementos(archivos_de_imagen)) || " imágenes"),

)

)

),

);

Obtuve el informe del script anterior, pero no es interactivo y me aparece un error de acceso al contenedor del informe. ¿Podrían ayudarme, por favor?

Automatización y scriptingRe: Cómo crear un HTML interactivo con dos pestañas que cambian la imagen del gráfico en una según el valor elegido en la lista desplegable

Otro problema con el script anterior es que se crea en la pestaña de informe JSL, pero no en el informe HTML con el código a continuación.

rpt << Guardar HTML("BSS.HTML", "Informe BSS");

Re: Cómo crear un HTML interactivo con dos pestañas que cambian la imagen del gráfico en una según el valor elegido en la lista desplegable

No todas las funciones funcionan dentro del HTML interactivo y es posible que tengas que utilizar una estructura diferente.

Re: Cómo crear un HTML interactivo con dos pestañas que cambian la imagen del gráfico en una según el valor elegido en la lista desplegable

Informes interactivos con pestañas en 5 segundos: ¿sin problemas?
-> utilizar el generador de aplicaciones

Club de Scripters 2024: Sesión 1 - Creador de aplicaciones por @DonMcCormack

Un panel filtrable con múltiples pestañas (2021-US-30MP-803)

Re: Cómo crear un HTML interactivo con dos pestañas que cambian la imagen del gráfico en una según el valor elegido en la lista desplegable

Gracias, Jarmo. ¿Es posible crear un informe HTML con un cuadro desplegable y modificar el gráfico según el valor seleccionado?

Re: Cómo crear un HTML interactivo con dos pestañas que cambian la imagen del gráfico en una según el valor elegido en la lista desplegable

Para obtener un menú desplegable en lugar de pestañas, puede cambiar el "Estilo" a "Combo":

editar:

pero el archivo HTML exportado no usa esta configuración - usará nuevamente el modo Tab:

Re: Cómo crear un HTML interactivo con dos pestañas que cambian la imagen del gráfico en una según el valor elegido en la lista desplegable

Para HTML interactivo, normalmente es necesario crear gráficos separados. Para agrupar, suelo utilizar el cuadro de tabulación.

Names Default To Here(1); 

dt = open("$SAMPLE_DATA/Big Class.jmp");

gb1_expr = Expr(dt << Graph Builder(
	Show Control Panel(0),
	Variables(X(:weight), Y(:height), Overlay(:sex)),
	Elements(Points(X, Y, Legend(9)), Line Of Fit(X, Y, Legend(11)))
));


gb2_expr = Expr(dt << Graph Builder(
	Show Control Panel(0),
	Variables(X(:weight), Y(:height), Overlay(:age)),
	Elements(Points(X, Y, Legend(9)), Line Of Fit(X, Y, Legend(11)))
));

nw = New Window("My Report",
	tb = Tab Box(
		Tab Page Box("Report1",
			gb1_expr
		),
		Tab Page Box("Report2",
			gb2_expr
		)
	)
);
tb << Set Selected(1);

nw << Save Interactive HTML("$TEMP/DELETEME.html");
wait(0);
nw << close window;

Web("$TEMP/DELETEME.html"); // open for demo purposes

Y si realmente quieres "forzar" ese tipo de selecciones, puedes hacerlo con algo de HTML y JavaScript.

Re: Cómo crear un HTML interactivo con dos pestañas que cambian la imagen del gráfico en una según el valor elegido en la lista desplegable

¡Genial! ¡Muchísimas gracias, Jarmo! ¿Es posible que la función de botones funcione en HTML o solo tiene que generar informes JMP?

Re: Cómo crear un HTML interactivo con dos pestañas que cambian la imagen del gráfico en una según el valor elegido en la lista desplegable

No creo que se pueda lograr ese tipo de funcionalidad simplemente usando JMP, ya que la mayoría de los controles no son interactivos en el HTML. El filtro de datos local tiene algunas capacidades limitadas.

Names Default To Here(1); 

dt = open("$SAMPLE_DATA/Big Class.jmp");

gb = New Window("", dt << Graph Builder(
	Size(525, 454),
	Show Control Panel(0),
	Variables(X(:weight), Y(:height), Overlay(:sex)),
	Elements(Points(X, Y, Legend(3))),
	Local Data Filter(
		Mode(Include(0)),
		Add Filter(columns(:sex), Display(:sex, N Items(2)))
	)
));

gb << Save Interactive HTML("$TEMP/deleteme.html");
wait(0);
gb << Close Window;
Web("$TEMP/deleteme.html");

Si he tenido necesidad de algo especial como esto, generalmente lo he hecho usando html + javascript que carga los informes JMP creados previamente en iframe o algo similar.