Dialog performance con tanti elementi

nixiam

Nuovo Utente
14 Ago 2017
11
0
1
36
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.203
207
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
36
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
F access ricerca record con apostrofo. MS Access 0
F Cerco Hosting con VECCHIE versioni di php Hosting 0
C Come ricreare questo calcolatore di prezzi a step con woocommerce? WordPress 0
C Segnalo barra laterale di navigazione ASSENTE con Chrome Comunicazioni dallo Staff 5
G Guadagna dalla Vendita di Articoli Sponsorizzati con GuestPostMax.com! Guadagnare col Sito 0
P Hosting multidominio con Plesk Hosting 0
L Soluzione con INNER JOIN Database 0
S passare un valore da un form a un file .php con metodo post PHP 4
A Redirect 301 genera url statico con variabili Web Server 0
T problemi con dati menu a tendina HTML e CSS 2
T Query con date MS Access 1
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
L Aiuto con DataGridView Visual Basic 1
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
G Problema con Xampp Web Server 1
M Aggiunta prodotti nel carrello con lo stesso in e varianti diverse PHP 0
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
B Non riesco a trovare i cognomi con i caratteri speciali in Access (Microsoft 365) MS Access 0
N Problema con position absolute e overflow HTML e CSS 4
M Estrarre soltanto i prodotti con stessa descrizione PHP 10
felino [Wordpress] Gallery con foto selezionabili dall'utente WordPress 0
G Invio di più valori con la stessa checkbox PHP 4
csi Inviare file jpg in locale alla stampante con php PHP 0
otto9due Proteggere una cartella e file con password tramite .htaccess e .htpasswd Web Server 0
I Form con selettore HTML e CSS 0
G phpmailer e php 8.1 con estensione mysqli PHP 6
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
N Vendo sito web di casino online con 1000 giochi Compravendita siti e domini 0
G form invio multiplo con checkbox PHP 12
L Query e selezione DB con $_POST PHP 2
K [PHP] Problema con variabili concatenate. PHP 1
R Dubbi su siti sviluppati con Wordpress e con codice WordPress 6
B Router e telecamere con pannello solare IP Cam e Videosorveglianza 0

Discussioni simili