2011-05-09 13 views
5

¿Me pregunto si hay una configuración para poner las marcas del eje "centradas" sobre la línea? y también ponerlos en el área de la trama en lugar de fuera del espacio?Flot: cómo alinear el centro de las etiquetas xaxis sobre la línea y poner etiquetas en el área de trazado en lugar de espacio exterior

para el último problema, utilicé "labelMargin: -30" en las opciones de cuadrícula, aunque marcó la diferencia que no configurar esto, sin embargo, no hay mayor diferencia si configuro "labelMargin: -50" o uso de otro más grande numero negativo. ¿Alguien sabe cómo lidiar con esto?

gracias de antemano!

+0

¿Puede explicar un poco más lo que quiere decir al poner las marcas del eje "centradas" sobre la línea del tic? No estoy seguro de qué es un tic del eje ... – Ryley

Respuesta

3

I tenían el mismo requisito y en el extremo que se establecieron en el estilo del clase-gráfico específico tickLabel

por ejemplo

#myGraph .tickLabel { 
    margin-left: 2em; 
} 

Esto funcionó para mí porque mi eje x tiene un mínimo fijo y el máximo - no es ideal, pero no el truco!

+0

qué pasa si hay dos ejes. Estoy utilizando lo siguiente, pero no está funcionando: #myGraph .tickLabel .y2axis { margin-left: 2em; } #myGraph .tickLabel .yaxis { margin-left: 2em; } – madLokesh

+0

¿Cómo puedo agregar ese código dentro de las 'opciones'? En el CSS no funciona – ron

+0

Funcionó perfectamente. ¡Gracias! – axius

10

Entrecerré las barras en un histograma y centrado de la etiqueta debajo de la barra, mediante el formateo de las barras como tan:

series: { 

     bars: {'show': 'true', 'align': "center", 'barWidth':0.7} 

     } 
+1

muchas gracias! :RE –

1

Incluso yo AHD algo similar pero para el eje Y y que también estaba teniendo dos y eje por lo que realizó el siguiente y funcionó:

#graph_label .tickLabel { 
      margin-left: 0em; 
      margin-right:0em; 
     } 

o

#graph_label .yAxis .tickLabel { 
      margin-left: 0em; 
      margin-right:0em; 
     } 

#graph_label .y2Axis .tickLabel { 
      margin-left: 0em; 
      margin-right:0em; 
     } 
Cuestiones relacionadas