Dialog performance con tanti elementi

nixiam

Nuovo Utente
14 Ago 2017
11
0
1
34
Buongiorno a tutti,
vi scrivo perchè ho un problema di cattive performance con un dialog Jquery.

Sto sviluppando un grafico di Gantt all'interno di un Dialog Jquery sia ridimensionabile che spostabile.

Il mio problema è che i dati che popolano il grafico sono moltissimi e ogni riga è formata da circa 110 div posizionati in maniera assoluta con top/left.

Finchè rimangono sotto ai 500 elementi, scroll, ridimensionamento, drag sono ancora accettabili, ma quando supero questo valore il lag diventa troppo.

Avete qualche consiglio da darmi?

Sto già valutando di popolare il gantt in maniera dinamica inserendo solamente la parte visibile all'utente, ma non è sufficiente perchè se quest'ultimo ridimensiona il dialog a schermo interno l'esperienza utente è disastrosa.
 

marino51

Utente Attivo
28 Feb 2013
3.039
192
63
Lombardia
hai valutato la possibilità di usare Highcharts ?
https://jsfiddle.net/larsac07/t0r8qz9p/
non ho l'esperienza con un gantt ma un grafico a 3 ordinate, 1 a barre e 2 linee, con oltre 600.000 valori, viene creato e ridimensionato in un tempo veramente minimo (per crearlo dire 2 secondi é dire troppo, per ridimensionarlo quasi impercettibile)
con possibilità di zoom e, non nel mio caso specifico, di drilldown
 

nixiam

Nuovo Utente
14 Ago 2017
11
0
1
34
Ero partito con l'utilizzo di librerie di terze parti ma mi sono scontrato con la necessità di modificare la grafica e il comportamento di moltissimi elementi, così ho deciso di realizzare interamente tutti i widget che mi servono (navbar, grafico ad albero, calendario, ecc...).

Immagino che se Highcharts riesca a non compromettere la velocità di utilizzo indipendentemente dal numero di elementi presenti ci sia un modo per farlo su qualsiasi widget, ma.... come si fa? :D
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Errore: cannot call methods on dialog prior to initialization; attempted to call method 'open' jQuery 4
A chiusura finestra dialog Popu jQuery 3
V Dialog e musica fantasma jQuery 2
V Chiusura dialog con il close (x) Ajax 1
V Parametro nella Dialog jQuery 1
C [HTML] Modal Dialog + Loading Animation + Resize Modal Dialog HTML e CSS 3
M Posizione div dialog NON al centro pagina jQuery 1
A posizionare dialog uial centro dello schermo jQuery 1
felino Jquery UI Dialog Confirm: errore sulla chiusura della finestra jQuery 3
L jquery UI dialog form. Conferma prima di invio jQuery 2
S Problema Jquery UI Dialog jQuery 0
R Problema Dialog con Redirect!!! Java 1
K Chiusura automatica dialog jQuery 0
Y Performance html/php vs php/html PHP 2
TradeTracker Italy TradeTracker - performance marketing europeo Guadagnare col Sito 0
M Visulizzare immagine con php PHP 7
G [PHP] Creare script di prenotazione con controllo disponibilità. PHP 7
G leggere file txt e stampare con php il contenuto a video PHP 7
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
Z PHP.INI - STMP per invio email con PHP Server Dedicati e VPS 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
G Invio form con PHP PHP 3
M Barra di navigazione con google HTML e CSS 1
T PROBLEMA CON SESSIONI PHP 3
A Problemi con move_uploaded_file PHP 7
G Menù a tendina di ricerca con query PHP 1
T fatture con voci fattura in php PHP 0
A Tabella con bottoni per aggiornamento record PHP 6
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
MarcoGrazia Calcolo fra due date con esclusione delle feste PHP 7
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
M Inviare un file su un server remoto con JavaScript Javascript 0
L problema con query select PHP 2
M Come validare textarea con jquery jQuery 0
M Problemi con la stampa dei valori in php PHP 1
A Regex per isolare link interni con rel noopener PHP 0
L Problemi con il login PHP 2
F Creare elementi html con javascript Javascript 4
R Problema query con ricerca id numerico PHP 2
R [C#] Quali dipendenze occorrono su progetto "Setup" con Access Database? .NET Framework 0
F Problema con risposta PHP 0
A Sottoquery con group by per mese MySQL 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
A Quale NVR con ingressi bnc ? IP Cam e Videosorveglianza 1
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
T Film interattivo con linguaggi web Programmazione 7
A pulsante di update campo mysql con javascript Javascript 2
R Tutto su utf-8 ma ancora problemi con i caratteri speciali in mysql MySQL 1

Discussioni simili