Panel de datos interactivo WPS (1)

El panel de datos utiliza varios gráficos para presentar una variedad de indicadores de forma clara y transparente para ayudar a los tomadores de decisiones a tomar decisiones de manera más intuitiva y científica sobre una base racional. El color de los tableros de visualización de datos adopta en su mayoría un estilo tecnológico oscuro, y la disposición de los gráficos a menudo presenta una estructura matricial. Aquí hay algunos tableros de ejemplo, disfrutémoslos primero ~

Con excelentes trabajos como referencia. Puede desmontar el trabajo en aspectos como la combinación de colores, la tipografía y el estilo de fuente para diseñar el panel de datos que necesita. Por ejemplo, a través de los trabajos anteriores, podemos resumir las características de los dos paneles de datos siguientes:

A continuación, comencemos a implementar nuestro propio diseño de panel de datos.

En el artículo en serie sobre habilidades operativas de la tabla WPS, Xiaoyu ha completado el diseño de la tabla maestra de datos a través de la tabla de información del personal, la tabla de establecimiento de empleados y la tabla de salarios:

A continuación, Xiaoyu Fish completará la producción de la última parte del panel de datos visuales de recursos humanos. Haga clic en el último elemento del directorio de arriba para saltar de la hoja de trabajo al panel de datos visuales de recursos humanos.

Desmarque la casilla de verificación en la vista, haga clic en cualquier celda, presione Ctrl A para seleccionar todas las celdas y luego presione Ctrl 1 para abrir la ventana de formato de celda.

Establece el color de sombreado de la celda en RGB 0, 49, 95. A continuación, copie el siguiente material de la barra de título en la parte superior de la hoja de trabajo, mantenga presionado el botón izquierdo del mouse Mayús para ajustar el tamaño del gráfico.

Ingrese el título del tablero de entrada de datos:

La siguiente es la última tarea de la barra de título: agregar menús de navegación en ambos lados de la barra de título, que no solo juega un papel Función embellecedora, pero también puede lograr diferentes funciones.

Regrese al directorio de hipervínculos que creamos anteriormente, presione la tecla Ctrl para seleccionar los primeros 4 elementos en orden, cópielos y péguelos en la página del panel. Y establezca el color de relleno en sin relleno y el color de fuente en blanco.

A continuación, mueva las formas de hipervínculo copiadas a ambos lados de la barra de título:

Finalmente, seleccione todos los menús de hipervínculo nuevamente y use la alineación superior para colocarlos en la misma línea horizontal.

En este punto, la parte de la barra de título está completa. Haga clic en el texto en la barra de título para saltar.

Después de completar el diseño de la barra de título, podemos comenzar nuestro diseño matricial. Haga clic en Insertar forma en la barra de menú y seleccione el rectángulo al que le falta una esquina:

Arrastre el botón izquierdo del ratón para dibujar un rectángulo al que le falta una esquina en el área superior izquierda.

Haga clic derecho en la forma, seleccione Dar formato a objeto y establezca el relleno en Relleno degradado.

Presione la tecla Eliminar para eliminar las dos aperturas en el medio de la apertura de degradado:

Seleccione la apertura más a la derecha, establezca el color de la escala de color de la apertura 2 en Dodge Blue y color it 1:

p>

Continúe configurando la transparencia de la apertura 2 en 86:

Seleccione la apertura izquierda, seleccione Degradado de ruta para el estilo de degradado, seleccione Sobreexponer azul para el color y el color 1, consistente con el color de la apertura derecha. La posición se establece en 85 y la opacidad es 100.

Después de completar la configuración de relleno, colapsamos la parte de relleno. Puedes ver que hay una línea inmediatamente debajo, expándela. Asimismo, eliminamos las dos aberturas en el medio del ángulo de la línea.

Establece el color de la escala de color de apertura en los lados izquierdo y derecho en Dodge Blue, teñido 1:

Establece la transparencia de la apertura derecha en 100:

Siguiente, haga clic en Efecto, establezca brillo. El color en las opciones de Resplandor está establecido en Azul Sobreexponer, Tinte 1, Tamaño establecido en 111 pt y Opacidad 96.

A continuación se muestra nuestro efecto de forma final, lleno de colores degradados y ligeramente brillantes en los bordes. ¿No parece muy tecnológico?

A continuación, llega el momento de repetir el proceso de generación. Seleccione la forma, presione Ctrl Shift y arrastre el botón izquierdo del mouse hacia la derecha para copiar una forma exacta.

Haga clic en el menú Girar en Herramientas de dibujo y haga clic en Voltear horizontalmente:

Después de voltear horizontalmente, obtendrá dos formas verticalmente simétricas.

A continuación, dibuja otro rectángulo en el medio:

En este momento, ten en cuenta que no necesitamos configurar el relleno de degradado y las líneas nuevamente.

Seleccione la forma tecnológica a la izquierda y haga clic en Copiar formato debajo de la barra del menú de inicio:

Luego haga clic en el rectángulo que acabamos de dibujar para aplicar el estilo tecnológico a la forma actual:

p>

Finalmente, use Ctrl Shift, el botón izquierdo del mouse, herramientas de alineación, etc. para completar el dibujo del rectángulo restante.

En el próximo artículo, Xiaoyu puede colocar varios gráficos estadísticos en el rectángulo anterior para crear el panel de datos interactivo final ~ Nos vemos en la siguiente sección.