¿Cómo crear una columna apilada en Axure?
Todo el mundo ha visto histogramas, ¡pero los histogramas apilados deben ser raros! ¡Hoy usaremos Axure para crear gráficos de columnas apiladas para enseñarle habilidades de producción y creación de prototipos! ¡Aprenda Axure y todos se convertirán en gerentes de producto! ¡Esta frase debe resultarle familiar a los amigos que se están preparando para aprender Axure por sí mismos o que actualmente están aprendiendo Axure por sí mismos! Puede que no sea fácil dominar completamente Axure y convertirse en gerente de producto. Comenzar es simple, ¡pero el principio de interacción no es simple! Por lo tanto, se proporciona una serie de cursos en video de autoaprendizaje de Axure, que pueden aprender de manera integral los conceptos básicos del software Axure y el funcionamiento práctico de casos de prototipos interactivos ~
Tutorial de Axure sobre cómo hacer un histograma apilado:
(1) Primero haga un gráfico de columnas común y corriente para conocer el método de producción específico, consulte mi artículo anterior: Tutorial de Axure: Cómo hacer un gráfico de columnas súper hermoso
(2) Material. en el repetidor: Rectángulo 1, copia. Rellena los rectángulos en gráficos de múltiples columnas con tu color favorito y colócalos en el mismo lugar que los rectángulos originales.
(3) Configuración de la tabla en el repetidor
x es el valor de la abscisa, no es el valor de varios productos
(4) En Crear un cuadro de texto fuera del repetidor (llamado Máximo) y ocultarlo, solo para procesamiento lógico. El valor del cuadro de texto se completa con el valor total máximo en no, que es 980 en este caso. La lógica es encontrar el valor total más alto y ajustar la altura por debajo del valor más bajo. La fórmula específica es [[LVAR2.height*(Item.no/LVAR1)]].
LVAR2.height se refiere a la altura del rectángulo, LVAR1 se refiere al valor máximo de no y Item.no se refiere al valor actual de no.
(5) Ideas de interacción específicas
Cuando se carga el repetidor, configuramos el tamaño de cada columna de color. Lea el artículo anterior para conocer métodos de diseño específicos. Luego colocamos el rectángulo 2 encima del rectángulo 1, el rectángulo 3 encima del rectángulo 2, y así sucesivamente.
(6) Crear una etiqueta, oculta por defecto.
La idea es que cuando el mouse se mueve dentro del rectángulo, se muestra la etiqueta y la etiqueta sigue el movimiento del mouse, de modo que el valor de Item.no = etiqueta de texto 2, el valor de Item. x = etiqueta de texto 1, y así sucesivamente.
Cuando el mouse se mueve hacia afuera, simplemente oculta la etiqueta.
Finalmente, se completa la producción:
Lo anterior es el contenido completo de "¿Cómo crear un histograma apilado en Axure?", ¡espero que pueda ayudarte! Para compartir más sobre Axure, consulte los artículos relacionados con Axure ~ Si tiene dudas sobre dónde aprender Axure y cómo aprenderlo, también podría sugerirle que estudie y experimente directamente nuestro curso de autoaprendizaje de Axure. enseñarte, puedes comenzar desde lo básico. Comienza a aprender los puntos de conocimiento y domínalos gradualmente ~