Red de conocimiento informático - Conocimiento informático - Cómo configurar los valores del eje X y del eje Y de los gráficos altos

Cómo configurar los valores del eje X y del eje Y de los gráficos altos

A excepción de los gráficos circulares, todos los gráficos en los gráficos altos tienen un eje X y un eje Y. De forma predeterminada, el eje X se muestra en la parte inferior del gráfico y el eje Y se muestra a la izquierda (se pueden colocar varios ejes Y). (se muestra en los lados izquierdo y derecho). Al configurar el gráfico .invertido = verdadero, puede ajustar la posición de visualización del eje X y del eje Y.

1. Título del eje

Título del eje. De forma predeterminada, el eje x está vacío (es decir, no tiene título) y el eje y es "valor". El código para establecer el título del eje es el siguiente: xAxis: {

title: {

text: 'x-axis title'

}

}

eje y: {

título: {

texto: 'título del eje y'

}

}

2. Etiqueta del eje

Etiqueta del eje (categoría). Los atributos comunes de las etiquetas incluyen enable, formatter, setp, staggerLines

1) enable

Si la etiqueta está habilitada. El valor predeterminado para los ejes xey es verdadero; si desea deshabilitar (o no mostrar) las etiquetas, establezca esta propiedad en falso.

2) Función de formato

Función de formato de etiquetas. La implementación predeterminada es: formateador: función(){

return?this.value;

}

3) Paso

etiqueta muestra el intervalo, el tipo de datos es número (o int).

4) staggerLines

Eje horizontal Las etiquetas muestran el número de líneas. (Esta propiedad solo es válida para el eje horizontal). Cuando Etiquetas tiene demasiado contenido, puede usar esta propiedad para controlar la cantidad de filas mostradas. Relacionada con esta propiedad está la propiedad maxStaggerLines.

3. Escala del eje de coordenadas

La marca es la escala del eje de coordenadas. De forma predeterminada, la altura del tick del eje x (propiedad tickLength) es de 5 px y el ancho del eje y es de 0 px (es decir, no se muestran ticks); Las propiedades relacionadas con tick incluyen principalmente tickLength, tickWidth, tickColor, tickInterval y tickmarkPlacement.

1) tickLength, tickWidth, tickColor

representan respectivamente la longitud, el ancho y el color de la marca de verificación.

2) tickInterval

Comprueba el intervalo. Su función es similar a Labels.step, para no mostrar demasiado contenido de etiqueta del eje x. La diferencia es que tickInterval es un ajuste real de la escala, mientras que Labels.step solo ajusta el intervalo de visualización de etiquetas. Por lo tanto, en aplicaciones prácticas, la tasa de uso de tickInterval es mayor.

Para diferentes tipos de datos, los ejes de coordenadas tienen diferentes valores predeterminados. El valor predeterminado es el valor tickPixelInterval para datos lineales y datos de tipo fecha y hora, y el intervalo de una categoría para datos categóricos.

3) tickmarkPlacement

La alineación de las marcas de verificación, entre y encendido son opcionales y el valor predeterminado es entre. De forma predeterminada, gridLineWidth para el eje x es 0 y gridLineWidth para el eje y es 1px.

gridLine**** tiene tres propiedades que se pueden configurar, a saber: gridLineWidth, gridLineColor, gridLineDashStyle

1) gridLineWidth

El ancho de la línea de la cuadrícula De forma predeterminada, el x-. El eje es 0. El eje y es 1px. Por defecto es 0, el eje Y por defecto es 1px.

2) gridLineColor

Color de la línea de cuadrícula. El valor predeterminado es

3) gridLineDashStyle

El estilo de línea de la línea de cuadrícula. Similares a los estilos de borde CSS, los más utilizados son: Sólido, Punto, Guión:

Para obtener más información, consulte: /docs/index.php?doc=basic-axis