Cómo configurar los valores del eje X y del eje Y de los gráficos altos
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