Histograma de aprendizaje de echarts

La explicación de configuración más básica

• Eje x: el eje x en el sistema de coordenadas cartesianas . Si el valor del atributo de tipo es categoría , entonces los datos de datos deben configurarse , lo que representa la presentación en el eje x
• Eje y: El eje y en el sistema de coordenadas cartesianas . Si el atributo de tipo está configurado como valor , no es necesario configurar los datos . En este momento, el eje y automáticamente irá a la serie para buscar datos para dibujar el gráfico.
• series: Lista de series. Cada serie determina su propio tipo de gráfico por tipo , y los datos establecen los datos de cada serie.

Los elementos de configuración se basan en pares clave-valor en forma de , y hay muchos elementos de configuración , ECharts of learning para la mayoría de estos elementos de configuración , para

Estudio de CI , no podemos memorizar , cuando es necesario consultar la documentación oficial . URL :

Sitio web oficial de Echarts:

https://echarts.apache.org/zh/option.html ,

Los elementos de configuración de uso común se utilizan varias veces y , naturalmente, los escribirá

 

1. Dibujo de histograma

1.1. Pasos de implementación del histograma

• Paso 1 La estructura de código más básica de ECharts

 

• Paso 2 preparar los datos del eje x

 

• Paso 3 preparar los datos del eje y

 

• Paso 4 Prepare la opción y establezca el valor del tipo en serie en : bar

 

Nota : la configuración del eje xAxis o yAxis , los valores de tipo son principalmente dos : categoría y valor , si el valor de la categoría de atributo de tipo , entonces la necesidad de configurar los datos de datos , representativos del eje de representación x . Si el atributo de tipo configuró el valor , entonces no hay necesidad de datos de configure , en este momento el y- eje pasará automáticamente a las series de encontrar datos para sacar la tabla

El efecto es el siguiente:

1.2 Efectos comunes del histograma

marca

    MarkPoint máximo / mínimo

Promedio: markLine

monitor

    Pantalla numérica

Histograma horizontal

    La llamada gráfico de barras horizontal , sólo deja x papeles y el eje y se invirtieron los papeles eje de lo que puede ser . Tanto ejeX del tipo valor establecido, eje Y el tipo se establece en la categoría , y establece los datos a

 

1.3 Disposición general

   Utilice los diagramas dibujados ECharts , vienen inherentemente con algunas características , estas características están todas disponibles en cada gráfico , podemos configurar estas funciones .

• Título : título

• Información sobre herramientas : descripción emergente

información sobre herramientas significa que cuando el mouse se mueve a un gráfico o hace clic en el gráfico , muestra el cuadro de aviso

 

• Botón de herramienta: caja de herramientas

Toolbox es una barra de herramientas proporcionada por ECharts , con imágenes de exportación integradas, vista de datos , restablecimiento , zoom del área de datos , corte de tipo dinámico

Cambiar cinco herramientas

Los botones de la barra de herramientas se configuran en el nodo de funciones

• Leyenda : leyenda

La leyenda es una leyenda que se utiliza para filtrar categorías y debe utilizarse junto con la serie.

Los datos de la leyenda son una matriz

El valor de los datos en la leyenda debe ser coherente con el valor del nombre de un grupo de datos en la matriz de series