Cómo hacer que la tabla de gráficos altos muestre líneas de cuadrícula de eje horizontal y vertical
La configuración de las líneas de la cuadrícula tiene principalmente varios atributos:
1. gridLineColor: el valor de color de las líneas de la cuadrícula es # c0c0c0
2. gridLineDashStyle: el estilo de línea de cuadrícula; la línea continua es el valor predeterminado:
1
2
tres
cuatro;
Cinco
Seis
Siete
Ocho
Nueve
10 p >
11
12
13
14
¿Ver código fuente?
var dashStyles = [
Sólido',
'Guión',
Punto corto',
ShortDashDot',
'ShortDashDotDot',
Punto',
Dash',
'Long Dash',
Punto de línea de puntos',
Rondasdot,
"Rondasdot"
];
3.gridLineWidth: El ancho de líneas de cuadrícula, el valor predeterminado es 0;
Cabe señalar que si queremos establecer líneas de cuadrícula horizontales, debemos configurar el eje y, y cuando configuramos líneas de cuadrícula verticales, debemos configurar el nodo del eje x. El ejemplo de código completo es el siguiente:
1
2
Tres
Cuatro
Cinco p>
Seis
Siete
Ocho
Nueve
10
11
12
13
14
15
16
17
18
19
20
¿Ver fuente impresa?
$(function () {
$('#container '). Gráfico alto({
Gráfico:{
} ,
Ejex: {
Categoría: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio' , 'Julio', ' Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
Color de la línea de cuadrícula: ' # 197F07 ' , //Color de la línea de cuadrícula vertical
GridLineWidth. : 1 //Ancho de línea de cuadrícula vertical
Assis:{ p>
Color de línea de cuadrícula: ' # 197F07 ', // Color de línea de cuadrícula horizontal
Estilo de cuadrícula: ' longdash ', // Estilo de línea de cuadrícula horizontal
GridLineWidth: 1//Ancho de línea de cuadrícula horizontal
},
Serie: [{
.Datos: [29,9 71,5 106,4 129,2 144,0 176,0 135,6 148,5 216,4 194,1 95,6 555
}]
});
});
Si está satisfecho, haga clic en el botón derecho para aceptar la respuesta. Si tiene alguna pregunta, haga clic en Preguntar.
¡Espero que mi respuesta te sea útil y espero que la adoptes!