jqPlot - ¿Cómo añadir a la barra de desplazamiento vertical cuadro de la leyenda que contiene muchos elementos de leyenda

La semana pasada les hizo la siguiente pregunta a la que he obtenido una respuesta:jqPlot - ¿Cómo añadir a la barra de desplazamiento vertical cuadro de la leyenda que contiene muchos elementos de leyenda

jqPlot - Pie legend too tall when there are many legend items

ahora estoy buscando una manera de agregar una barra de desplazamiento vertical a mi cuadro de leyenda que en algunos casos podría contener más de 20 elementos de leyenda.

puedo conseguir el resultado que quiero en Firefox y Chrome si añado la siguiente configuración para mi archivo CSS:

table.jqplot-table-legend { 
    display: block; 
    height: 350px; 
    overflow-y: scroll; 
}

sin embargo tengo que conseguir el mismo efecto en IE9.

¿Alguien sabe qué configuración de CSS necesito?

Fuente

2012-05-08 jpen

Hi mate. Entonces, ¿qué ocurre exactamente en IE? Estoy sorprendido de que esto no funcione. También podría compartir su código, preferiblemente jsfiddle, no solo por el bien de las pruebas, sino también me gustaría ver este código personalmente, ya que podría ser beneficioso para lo que estoy haciendo actualmente (+1 dado hace un tiempo). – Boro

Hola Boro. Vea esta demostración en IE9 (http://jsfiddle.net/UNrr3/). Modifiqué uno de tus jsfiddles y agregué más segmentos al gráfico circular (pestaña 3). Cuando vea la demostración en FireFox o Chrome, verá la barra de desplazamiento vertical (aunque no puede moverla hacia arriba/abajo por alguna razón, sí funciona en mi proyecto si uso esos navegadores). Con IE9, el cuadro de leyenda simplemente desborda el lienzo y esto es lo que estoy viendo en mi proyecto. Avíseme si no puede ver la demostración al final. Esta es la primera vez que creo una demostración usando jsfiddle. – jpen

Sé que no se dispara ningún evento en una leyenda cuando está dentro del área de un gráfico, supongo, porque el lienzo del evento lo está cubriendo. Veo el problema en IE, no está allí. Voy a mirar más de cerca y me pondré en contacto contigo cuando encuentre algo. Esto muestra que todo está bien cuando la leyenda se coloca afuera (IE se excluye) http://jsfiddle.net/UNrr3/2/ – Boro

Encontré que algunas personas en la web mencionaron algunos problemas con el desbordamiento en las tablas en IE, pero no pude obtener la respuesta necesaria.

Por lo tanto, mi enfoque era envolver la tabla en otro elemento. Me envuelvo en un div y configurar los valores apropiados en ella y funciona con navegadores :)

Para ver la leyenda envuelto en un div debe hacer clic Tab 3 haga clic en el botón Where is my plot?, como sucede en la envoltura clic del botón.

Si alguien tiene una mejor solución, háganoslo saber.

One of the sites Me estaba refiriendo a. Aquí tienes una buena mesa y funciona bien también en IE8, pero no en IE7 e IE9.

Otra razón más por la que las personas deberían cambiar a otros navegadores.

The code is here.

Fuente

2012-05-09 09:13:13 Boro

No pude encontrar una mejor solución. Agregué un enlace a una página que muestra que el problema no está relacionado con 'jqPlot', al menos todos mis experimentos lo indican. Por lo tanto, creo que jpen deberías hacer una pregunta sobre cómo hacer scroll sobre una mesa en IE9 (e IE7) pero primero echa un vistazo tal vez me perdí una pregunta que ya lo dice. Si encuentras algo, házmelo saber. – Boro

Acepto que este no es un problema relacionado con jqPlot. Grrr IE !! Gracias por tu ayuda de todos modos. – jpen

jqPlot - ¿Cómo añadir a la barra de desplazamiento vertical cuadro de la leyenda que contiene muchos elementos de leyenda

Respuesta

Cuestiones relacionadas