Cómo hacer que el gráfico de gráficos altos muestre líneas de cuadrícula horizontales del eje y y verticales del eje x
Hola, estaré encantado de responder a tu pregunta.
La configuración de las líneas de la cuadrícula incluye principalmente varios atributos:
1. gridLineColor: valor del color de la línea de la cuadrícula, el valor predeterminado es #C0C0C0
2. Estilo de línea de cuadrícula, el valor predeterminado es línea sólida; sus valores de rango son:
1
2
3
4.
5
6
7
8
9
10 p>
11
12
13
14
¿ver fuente impresa?
var dashStyles = [
'Sólido',
'ShortDash',
'ShortDot',
'ShortDashDot',
'ShortDashDotDot',
'Punto',
'Dash',
'LongDash',
'DashDot ',
'LongDashDot',
'LongDashDotDot'
];
3. gridLineWidth: ancho de línea 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. Al configurar las líneas de cuadrícula verticales, debemos configurar los nodos del eje x. /p>
1
2
3
4
5
6
7
8
9
10
11
12
13
p>14
15
16
17
18
19
20
¿ver fuente de impresión?
$(function () {
$('#container').highcharts ({
gráfico: {
},
eje x: {
categorías: ['enero', 'febrero', ' Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Septiembre', 'Oct', 'Nov', 'Dic'],
gridLineColor: ' #197F07',//Color de la línea de cuadrícula vertical
gridLineWidth: 1 //Ancho de la línea de cuadrícula vertical
},
yAxis: {
gridLineColor: ' #197F07',//Color de línea de cuadrícula horizontal
gridLineDashStyle: 'longdash',//Estilo de línea de cuadrícula horizontal
gridLineWidth: 1//Ancho de línea de cuadrícula horizontal
p>},
serie: [{
datos: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
});
Si está satisfecho, haga clic en el derecho a aceptar la respuesta, si no. Si tiene alguna pregunta, haga clic para preguntar
¡Espero que mi respuesta le sea útil y espero que la adopte!