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
Implementare il throttle in JavaScript
Gestione file Javascript in Blazor con .NET 9
Creare una libreria CSS universale: Clip-path
Utilizzare Container Queries nominali
Gestire codice JavaScript con code splitting e lazy loading
Disabilitare le run concorrenti di una pipeline di Azure DevOps
Gestione degli eventi nei Web component HTML
Gestire progetti .NET + React in .NET Aspire
Configurare lo startup di applicazioni server e client con .NET Aspire
Collegare applicazioni server e client con .NET Aspire
Gestire progetti NPM in .NET Aspire
I più letti di oggi
- Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
- .NET Conference Italia 2025 - Milano
- The Agentic Day - Milano
- Assengare l'ID ai controlli in maniera automatica
- Gestione ciclo di vita in .NET Aspire
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Gestione CSS in Blazor con .NET 9