jqPlot - Come aggiungere barra di scorrimento verticale a scatola leggenda che contiene molti elementi della legenda

La settimana scorsa ho invitati alla seguente domanda alla quale ho ottenuto una risposta:jqPlot - Come aggiungere barra di scorrimento verticale a scatola leggenda che contiene molti elementi della legenda

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

Ora sto cercando un modo per aggiungere una barra di scorrimento verticale alla mia casella di legenda che in alcuni casi potrebbe contenere più di 20 elementi di legenda.

posso ottenere il risultato che voglio in Firefox e Chrome se aggiungo le seguenti impostazioni per il mio file CSS:

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

però ho bisogno di ottenere lo stesso effetto in IE9.

Qualcuno sa quali sono le impostazioni CSS di cui ho bisogno?

fonte

2012-05-08 jpen

Hi compagno. Quindi cosa succede esattamente in IE? Sono sorpreso che questo non funzioni. Potresti anche condividere il tuo codice, preferibilmente jsfiddle, non solo per motivi di testing, ma vorrei anche vedere questo codice personalmente perché potrebbe essere di beneficio per ciò che sto facendo attualmente (+1 qualche tempo fa). – Boro

Ciao Boro. Si prega di consultare questa demo in IE9 (http://jsfiddle.net/UNrr3/). Ho modificato uno dei tuoi jsfiddles e aggiunto più segmenti al grafico a torta (scheda 3). Quando vedi la demo in FireFox o Chrome, vedrai la barra di scorrimento verticale (anche se non puoi spostarla su/giù per qualche motivo, funziona nel mio progetto se utilizzo quei browser). Con IE9, la casella della legenda trabocca solo la tela e questo è ciò che vedo nel mio progetto. Fammi sapere se non riesci a vedere la demo alla tua fine. Questa è la mia prima volta per creare una demo usando jsfiddle. – jpen

So che nessun evento viene attivato su una legenda quando si trova all'interno dell'area di un grafico, suppongo, perché la tela dell'evento lo copre. Vedo il problema in IE non è lì. Darò un'occhiata più da vicino e ti ricontatterò quando trovo qualcosa. Questo mostra che tutto va bene quando la legenda è posizionata all'esterno (escluso IE) http://jsfiddle.net/UNrr3/2/ – Boro

Ho trovato alcune persone sul Web hanno menzionato alcuni problemi con l'overflow sulle tabelle in IE, ma non ho potuto ottenere una risposta necessaria.

Pertanto, il mio approccio era quello di avvolgere il tavolo in un altro elemento. Mi avvolgo in un div e impostare i valori appropriati su di esso e funziona cross browser :)

Per vedere la leggenda avvolta in un div è necessario fare clic Tab 3 quindi fare clic su Where is my plot? pulsante, come l'involucro avviene su clic del pulsante.

Se qualcuno ha una soluzione migliore, fatecelo sapere.

One of the sites Mi riferivo a. Qui hai un bel tavolo e funziona bene anche in IE8, ma non in IE7 e IE9?

Ancora un altro motivo per cui le persone dovrebbero passare ad altri browser.

The code is here.

fonte

2012-05-09 09:13:13 Boro

Non sono riuscito a trovare una soluzione migliore. Ho aggiunto un collegamento a una pagina che mostra che il problema non è correlato a 'jqPlot', almeno tutti i miei esperimenti lo indicano. Pertanto, penso che jpen si dovrebbe porre una domanda su come fare lo scrolling su un tavolo in IE9 (e IE7) ma prima di dare un'occhiata forse ho perso una domanda che già lo dice. Se trovi qualcosa per favore fammelo sapere. – Boro

Sono d'accordo che questo non è un problema relativo a jqPlot. Grrr IE !! Grazie comunque per il tuo aiuto. – jpen

jqPlot - Come aggiungere barra di scorrimento verticale a scatola leggenda che contiene molti elementi della legenda

risposta

Problemi correlati