Flot è una libreria di jQuery che consente di inserire grafici all'interno delle applicazioni: http://www.flotcharts.org/
Ha un meccanismo di inserimento dei grafici molto semplice e supporta grafici a barre, linee e torte. Inotre, ha un ricco ecosistema di plugin che aggiungono ulteriori funzionalità.
Rappresenta un'interessante library perché è in grado di disegnare i grafici utilizzando HTML5, se supportato dal browser: all'interno, infatti, costruire un tag di tipo Canvas, disegnando (anche in tempo reale) il grafico.
Si utilizza in maniera molto semplice, inserendo un div all'interno della pagina:
<div id="placeholder" style="width:400px;height:250px"></div>
E poi richiamando l'apposita funzione, dopo aver registrato il file JavaScript che viene fornito:
$.plot($("#placeholder"), [ [[0, 88], [1, 52], [2, 67]] ], { yaxis: { max: 100 } });
E' possibile mostrare più serie di dati all'interno dei grafici, mischiando anche linee e barre. Maggiori informazioni sono disponibili nella documentazione:
https://github.com/flot/flot/blob/master/API.md
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare gli snapshot con Azure File shares
Utilizzare Tailwind CSS all'interno di React: installazione
Utilizzare la libreria Benchmark.NET per misurare le performance
Gestire i null nelle reactive form tipizzate di Angular
Definire lo stile CSS in base alle dimensioni del container
Utilizzare le Cache API di JavaScript per salvare elementi nella cache del browser
Eseguire attività pianificate con Azure Container Jobs
Semplificare il deployment di siti statici con Azure Static Web App
Evitare il flickering dei componenti nel prerender di Blazor 8
Utilizzare un service principal per accedere a Azure Container Registry
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Creare form tipizzati con Angular