2012-04-12 19 views
32

Estoy utilizando jqPlot como mi marco de trabajo y tengo numerosos gráficos en mi aplicación, principalmente gráficos de barras en línea y apilados.jQPlot - eliminar líneas de cuadrícula verticales

Ahora tengo el requisito de mostrar solo las líneas de cuadrícula horizontales en estos gráficos y no veo ninguna opción en jqPlot para hacerlo.

Existe la opción showGridline pero eso desactiva completamente las líneas de la cuadrícula.

¿Es posible eliminar solo las líneas de cuadrícula verticales en jqPlot y continuar mostrando las horizontales?

Respuesta

55

Me di cuenta. Puede aplicar showGridline a un solo eje de la siguiente manera:

axes:{ 
    xaxis: { 
     tickOptions:{ 
      showGridline: false 
     } 
    } 
} 
+2

+1 Gracias, yo estaba buscando esta opción también. – Chris22

+0

Gracias, por la publicación –

8

Para eliminar la línea de cuadrícula en el eje X:

axes : { 
    xaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    } 
} 

Para eliminar la línea de cuadrícula en el eje Y:

axes : { 
    yaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    } 
} 

Para retirar la línea de la cuadrícula en ambos ejes:

axes : { 
    xaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    }, 
    yaxis : { 
     tickOptions : { 
      showGridline : false 
     } 
    } 
} 

o

grid : { 
    drawGridlines: false 
} 
Cuestiones relacionadas