Primero, introduzcamos el componente del gráfico de datos.
El componente de gráfico de datos es un componente utilizado para la visualización dinámica de datos, que satisface las necesidades de diseño rápido de visualización de datos en diversas industrias y se puede difundir de manera oportuna con la ayuda de H5. Los escenarios de aplicación son principalmente visualización de datos para informes de desempeño corporativos mensuales, trimestrales y anuales; ayuda a todas las industrias de medios, especialmente a la producción de noticias de datos, a presentar imágenes, texto, audio, video y datos visuales más rápido en una herramienta H5. Además, con la página de definición gratuita de Epub360, será adecuada para su visualización en más escenarios de dispositivos.
Actualmente, el componente de gráfico de datos admite cinco tipos de gráficos: histograma, gráfico de líneas, gráfico circular, gráfico de dispersión y gráfico de barras.
Adición y configuración de componentes:
1. Busque el componente del gráfico de datos en la categoría "Componentes avanzados de la aplicación de datos de formulario", haga clic en el componente del gráfico de datos y agréguelo al lienzo.
2. Haga doble clic en el componente para mostrar el panel de configuración del componente del gráfico de datos.
3. A la izquierda está la visualización del estilo del gráfico de datos y puede obtener una vista previa del efecto en tiempo real. Haga clic en las tres configuraciones en el panel derecho para cambiar. Esta configuración se utiliza para modificar el efecto de visualización del gráfico de datos, como el color, el tamaño del texto, los efectos dinámicos, etc.
4. Los datos en el panel derecho son una interfaz similar a Excel, pero relativamente simple. Podemos agregar los datos que necesitamos y no hay límite en la cantidad de filas y columnas que podemos agregar. Haga clic con el botón derecho del mouse para abrir el panel de operación básica de la tabla.
5. Si los datos en Excel son demasiado grandes o demasiado pequeños, la visualización del gráfico no será lo suficientemente hermosa.
6. Esto se puede solucionar estableciendo los valores máximo y mínimo del eje X y del eje Y, como se muestra en la figura: