{"id":228605,"date":"2022-10-06T19:30:00","date_gmt":"2022-10-06T16:30:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228605"},"modified":"2022-11-09T03:58:28","modified_gmt":"2022-11-09T00:58:28","slug":"bellissimi-esempi-di-chart-js-che-puoi-utilizzare-sul-tuo-sito-web","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/bellissimi-esempi-di-chart-js-che-puoi-utilizzare-sul-tuo-sito-web\/","title":{"rendered":"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web"},"content":{"rendered":"\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/it\/grafici-vs-tabelle-o-quando-usarli-uno-sopra-laltro\/\" title=\"Grafici e grafici\" >Grafici e grafici<\/a> forniscono una visualizzazione rapida e semplice delle statistiche, rendendo le informazioni facili da tradurre e confrontare. Un grafico o un grafico ben presentato pu\u00f2 rendere il tuo sito web pi\u00f9 attraente.<\/p>\n<p>\u00c8 possibile posizionare un buon grafico sul tuo sito Web utilizzando <a href=\"http:\/\/www.chartjs.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Chart.js<\/a>. Questa \u00e8 una libreria di script di visualizzazione dei dati.<\/p>\n<p>La produzione di grafici e visualizzazione dei dati potrebbe essere la prima volta per te. Potresti anche averlo provato e scoprire quanto sia difficile farlo correttamente.<\/p>\n<p>Ecco un elenco di esempi di Chart.js da incollare nei tuoi progetti.<\/p>\n<p>All&#8217;interno di Chart.js, ci sono una variet\u00e0 di display visivi funzionali tra cui grafici a barre, grafici a torta, grafici a linee e altro.<\/p>\n<p>I grafici offrono opzioni di messa a punto e personalizzazione che consentono di tradurre i set di dati in grafici visivamente impressionanti.<\/p>\n<h2>Ulteriori informazioni su Chart.js<\/h2>\n<p><a href=\"https:\/\/www.chartjs.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d262a067.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Chart.js \u00e8 simile a Google Charts o Chartist, poich\u00e9 fornisce un&#8217;ampia libreria di script per la visualizzazione dei dati JavaScript.<\/p>\n<p>\u00c8 <a href=\"https:\/\/github.com\/chartjs\/Chart.js\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">disponibile su GitHub<\/a>, quindi \u00e8 una libreria open source gestita dalla comunit\u00e0.<\/p>\n<p>Gli script nella libreria Chart.js sono disponibili per l&#8217;utilizzo con JavaScript. Una volta copiati, gli script possono essere nidificati all&#8217;interno dell&#8217;elemento HTML &lt; canvas &gt;.<\/p>\n<p>Ci sono anche opzioni per l&#8217;utilizzo dei grafici in framework frontend come <a href=\"https:\/\/massivepixel.io\/blog\/angular-vs-react-vs-vue\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">React, Vue e Angular<\/a>.<\/p>\n<p>Tutti i grafici nella libreria sono reattivi, il che significa che possono essere visualizzati in finestre di dimensioni diverse. Si adattano perfettamente su piccoli schermi mobili e display di dispositivi pi\u00f9 grandi allo stesso modo.<\/p>\n<p>Insieme alla reattivit\u00e0, i grafici offrono buone prestazioni di rendering su tutti i browser moderni. Ci\u00f2 significa che, indipendentemente da come un visualizzatore visualizzi i tuoi grafici, saranno rapidamente disponibili e chiaramente visibili.<\/p>\n<p>Gli esempi disponibili di Chart.js includono:<\/p>\n<ul>\n<li>Grafici a barre: le opzioni includono gruppi verticali, orizzontali, multiasse, impilati e impilati.<\/li>\n<li>Grafici a linee: le opzioni includono Base, Multiasse, A gradini e Interpolazione. Inoltre viene fornito con opzioni per diversi stili di linea, stili di punti e dimensioni di punti per una personalizzazione completa.<\/li>\n<li>Grafici radar<\/li>\n<li>Grafici a torta<\/li>\n<li>Grafici a ciambella<\/li>\n<li>Grafici a bolle<\/li>\n<li>Grafici a dispersione<\/li>\n<li>Grafici ad area polare<\/li>\n<\/ul>\n<p>Grafici di pi\u00f9 tipi possono essere combinati per produrre una sovrapposizione delle informazioni in diversi formati.<\/p>\n<p>Nella libreria \u00e8 inoltre possibile trovare varie modifiche allo stile del grafico, comprese le opzioni di scala, legenda e descrizione comando. Ci\u00f2 consente di personalizzare la visualizzazione dei dati in base alle esigenze del progetto e alle proprie preferenze personali.<\/p>\n<h2>I migliori esempi di Chart.js<\/h2>\n<h3>Aggiornamento in tempo reale di PoC Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/statuswoe\/pen\/hyldD\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d271ff10.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Gradiente Chart.js personalizzato<\/h3>\n<p><a href=\"https:\/\/codepen.io\/grayghostvisuals\/pen\/gpROOz\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2804b93.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo esempio di Chart.js mostra come utilizzare e implementare un gradiente personalizzato con Chart.js. Utilizza anche un trucco di riempimento per evitare il collasso dell&#8217;altezza del grafico durante il caricamento della pagina.<\/p>\n<h3>Chart.js-plugin-annotazione sandbox<\/h3>\n<p><a href=\"https:\/\/codepen.io\/compwright\/pen\/mmQMrZ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d28e1e0c.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo esempio \u00e8 ottimo per disegnare una scatola usando la libreria di annotazioni Chart.js.<\/p>\n<h3>Chart.js \u2013 Modalit\u00e0 di fusione \u2013 moltiplica<\/h3>\n<p><a href=\"https:\/\/codepen.io\/rozklad\/pen\/jaNrWW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d29e89f6.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questa \u00e8 la modalit\u00e0 di fusione della tela applicata al grafico Chart.js con gradiente.<\/p>\n<h3>Grafico a ciambella SVG con animazione e descrizione comando<\/h3>\n<p><a href=\"https:\/\/codepen.io\/githiro\/pen\/ICfFE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2b0cbff.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 un plugin jQuery leggero specializzato nel disegno di grafici ad anello.<\/p>\n<h3>Esempio di Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/venturads\/pen\/OyNejq\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2c10144.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 un esempio di Chart.js che mostra una bella grafica pur essendo semplice e facile da usare.<\/p>\n<h3>Rimuovere la descrizione comando e la legenda Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/cmlonder\/pen\/grjRLZ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2d166a2.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><br \/>\nCi\u00f2 consente di rimuovere la descrizione comando e la legenda in Chart.js con opzioni globali.<\/p>\n<h3>Medio: un dashboard bello e reattivo<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/Jackthomsonn\/pen\/BNjJEj\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2e1e03a.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 Grafico a linee di temperatura<\/h3>\n<p><a href=\"https:\/\/codepen.io\/rozklad\/pen\/OOMGza\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2f08849.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo grafico a linee Chart.js contiene punti trasparenti ed etichette personalizzate.<\/p>\n<h3>Grafico polare di Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/FranciscusAgnew\/pen\/LRGPYX\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d30028ba.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Rapporto sulle vendite &#8211; Versione oscura<\/h3>\n<p><a href=\"https:\/\/codepen.io\/Ruddy\/pen\/yyqZqX\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d30f1dac.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>I plugin utilizzati possono essere trovati in progressbar.js\/chart.js<\/p>\n<h3>Chart.js \u2013 Aggiorna dinamicamente il grafico tramite le richieste Ajax<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/bqaGRR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d31df5a3.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 Grafico radar, ombre, hover personalizzato<\/h3>\n<p><a href=\"https:\/\/codepen.io\/rozklad\/pen\/qVObdP\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d32c91f2.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo radar Chart.js include ombre e un effetto hover personalizzato.<\/p>\n<h3>Esempio di Chart.js 1.x<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/sethdavis512\/pen\/GoxdqK\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d33da000.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafico a linee<\/h3>\n<p><a href=\"https:\/\/codepen.io\/SitePoint\/pen\/WGZGNE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d34c90e1.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 tutto ci\u00f2 che serve per creare un grafico a linee minimo in Chart.js. Basta inserirlo in un punto qualsiasi del tuo dopo aver dichiarato HTML5 .<\/p>\n<p>Tutti gli esempi di Chart.js seguono il formato sopra, per la maggior parte, richiedendo di impararlo solo una volta.<\/p>\n<h3>Grafico a torta SVG con descrizione comando ed effetti al passaggio del mouse<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/githiro\/pen\/xABCi\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d35baa11.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 Grafico ad area polare + legende personalizzate + colori casuali<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/michiel-huiskens\/pen\/XKRvxd\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d36bc866.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafici orizzontali impilati con Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/jamiecalder\/pen\/NrROeB\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d37a615a.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo mostra come creare grafici impilati orizzontalmente.<\/p>\n<h3>Grafico a barre raggruppato Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/bencarmichael\/pen\/XeYJXJ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d38950b4.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Descrizione comando personalizzata della ciambella di Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/mab213\/pen\/PZOXdE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d397e80b.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Modello di dashboard Vue<\/h3>\n<p><a href=\"https:\/\/codepen.io\/mattrothenberg\/pen\/VbQLJa\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3a736c8.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 stato realizzato con Vue, Tachyons e Chart.js.<\/p>\n<h3>Un esempio di ciambella Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/balix\/pen\/XXwBpW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3b5fb87.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 Modalit\u00e0 al passaggio del mouse della descrizione comando del grafico a linee<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/ZeaLGj\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3c6db10.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Widget dashboard reattivo di Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/klesht\/pen\/aOWKQN\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3d6077a.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 un grafico apparentemente semplice, che evidenzia un singolo punto dati presentato come una sfida unica. Chart.js fornisce una funzione di descrizione comando, ma per impostazione predefinita non esiste un controllo diretto per una selezione mirata. Le descrizioni comandi sono tutte attivate o tutte disattivate. Per risolvere questo problema ed evidenziare individualmente, onAnimationComplete viene utilizzato per una funzione che utilizza un&#8217;istruzione if per selezionare un punto in corrispondenza di un&#8217;etichetta specificata.<\/p>\n<h3>Chart.js in PNG usando phantomjs\/casperjs<\/h3>\n<p><a href=\"https:\/\/codepen.io\/tfayyaz\/pen\/IFnGp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3e3f0d9.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Ecco un prototipo creato per trasformare un grafico in un PNG utilizzando phantomjs\/casperjs inseriti nei report mensili dei clienti inviati via e-mail.<\/p>\n<h3>Chart.js \u2013 Barra con scala temporale<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/adrianhurt\/pen\/GqvBzo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3f2b049.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafico a bolle<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/ruger161\/pen\/MyBvaE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d401d96c.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Esempio semplice di Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/ksykes\/pen\/mwbZeL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4114ab8.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 Ciambella liscia<\/h3>\n<p><a href=\"https:\/\/codepen.io\/rozklad\/pen\/wPvRgW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d41ef96b.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Si tratta di tappi a linea liscia applicati su un grafico ad anello Chart.js.<\/p>\n<h3>Chart.js in modalit\u00e0 bootstrap<\/h3>\n<p><a href=\"https:\/\/codepen.io\/codeschubser\/pen\/PwajYp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d42d4233.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Carica un grafico a linee da Chart.js in un bootstrap modale. I dati del grafico provenivano dai link attribuiti.<\/p>\n<h3>Grafico ad area polare di Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/visualinventor\/pen\/wrpNjp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d43aeedb.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.js Barre arrotondate<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d449a122.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d449a122.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" ><\/a><\/p>\n<p>Questo grafico a barre arrotondato angoli il codice di estensione per Chart.js.<\/p>\n<h3>Zoom e panoramica di Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/marcusvilete\/pen\/EEpKMx\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4583614.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 uno zoom e una panoramica utilizzando chartjs-plugin-zoom.<\/p>\n<h3>Grafico delle abilit\u00e0<\/h3>\n<p><a href=\"https:\/\/codepen.io\/nodws\/pen\/ZWKbpe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d468adc0.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 un grafico per il tuo portafoglio che utilizza Chart.js.<\/p>\n<h3>Statistiche del vino SFW<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jdfranel\/pen\/ZOAKLq\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d478a0c0.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Gradienti di Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/MillerTime\/pen\/wGRYxW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d487d707.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafico.js Sparklines<\/h3>\n<p><a href=\"https:\/\/codepen.io\/ojame\/pen\/HpKvx\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4988ca7.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Usa Chart.js con Zepto per produrre Sparklines. Le sparkline possono essere utilizzate in linea per rappresentare una tendenza rapida.<\/p>\n<h3>Grafico a ciambella &#8211; JS Raphael (reattivo)<\/h3>\n<p><a href=\"https:\/\/codepen.io\/ahsanrathore\/pen\/nwquz\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4a5629b.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Grafico a ciambella &#8211; JS Raphael con layout reattivo<\/p>\n<h3>Esperimenti con Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/arlekino\/pen\/Kkrah\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4b37dbc.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafico polare di Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/sandra-willford\/pen\/YYrZjo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4c29966.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Esempio di grafico radar Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/themakshter\/pen\/VpPGzv\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4d1378c.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questa \u00e8 una demo per un grafico dei risultati con esempi di dati attesi utilizzando Chart.js.<\/p>\n<h3>Esempio di grafico angolare ionico<\/h3>\n<p><a href=\"https:\/\/codepen.io\/VeldMuijz\/pen\/GJqZqV\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4e014a9.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Qui viene mostrato un esempio di Chart.js angolare di base per le app Ionic.<\/p>\n<h3>Esempio di pagina di amministrazione Bootstrap<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/htschmed\/pen\/EEGJZY\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4edd4da.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafico a bolle Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/PeterVeras\/pen\/MWgeLoE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4fbf375.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Creazione di grafici con Bootstrap, Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/gichuwil\/pen\/OPBzQQ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d50a1948.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Test Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/timbergus\/pen\/EaLRWO\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5184bc0.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 un semplice test per Chart.js.<\/p>\n<h3>demo del grafico a linee angular-chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/hanigogo\/pen\/qadZkx\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5290345.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 cambia il tipo di grafico e randomizza i dati<\/h3>\n<p><a href=\"https:\/\/codepen.io\/andrew_levinson\/pen\/NYXpvL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5388e64.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 stato creato per mostrare l&#8217;opzione a discesa per cambiare il tuo grafico Chart.js (suggerimento: devi prima distruggere il grafico!). Inoltre, \u00e8 stata aggiunta una funzione divertente per randomizzare i punti dati al clic del pulsante, che utilizza la fantastica animazione incorporata.<\/p>\n<h3>Senza titolo<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/chriswatts90\/pen\/yayoBg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d54771d8.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.js Nascondi altri set di dati su Legend Click \u2013 Opzione logica 1<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/BWKKKo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d556de07.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafico a bolle di Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/arunvelsriram\/pen\/abmZKYR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5688c54.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Lo scorrimento ionico di Chart.js in orizzontale<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/afrgun\/pen\/oZjObd\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d576f430.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Prova del concetto: Chart.js con gradiente di sfondo<\/h3>\n<p><a href=\"https:\/\/codepen.io\/hofmannsven\/pen\/YzygMqO\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5863210.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 un grafico a linee che visualizza il peso nel tempo. Il grafico a linee ha una sfumatura di sfondo per indicare i valori principali.<\/p>\n<h3>Grafico a linee Chart.js con opacit\u00e0<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/rtd62\/pen\/NpZvQj\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d594b624.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Esempio di grafico a barre Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/xqrjGp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5a4d298.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Vue.js e Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/sethdavis512\/pen\/BWOmwP\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5b52258.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Opzioni di scala di Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/xg-wang\/pen\/GmWwKR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5c9936c.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Layout di progettazione di marketing tramite e-mail di Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/jhawes\/pen\/gbPrbZ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5d9c376.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 un layout di progettazione reattivo di base che utilizza Chart.js. Richiama la combinazione di colori predefinita per gli elementi chart.js aggiungendo alcuni pulsanti e input di dati (solo design) che sarebbero utili in un <a href=\"https:\/\/dexatel.com\/blog\/sms-marketing-campaign\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sistema di email marketing<\/a>.<\/p>\n<h3>Chart.js Punti radar trascinabili<\/h3>\n<p><a href=\"https:\/\/codepen.io\/ianhulme\/pen\/roOOPR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5e9dfc5.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo plug-in Chart.js offre la possibilit\u00e0 di trascinare i punti radar su e gi\u00f9. Aggiungi un po&#8217; di messa a punto per una corsa pi\u00f9 fluida.<\/p>\n<h3>Prototipo rapido dell&#8217;app per la salute iOS<\/h3>\n<p><a href=\"https:\/\/codepen.io\/mattrothenberg\/pen\/zqXJZX\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5fbce90.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Prototipa rapidamente l&#8217;app Apple Health per iOS utilizzando Chart.js + Dragula. Trascina e rilascia e fai clic sui controlli segmentati per guardare l&#8217;aggiornamento dei dati.<\/p>\n<h3>Grafico a colonne in pila Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/travishorn\/pen\/kkVKJG\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d60da0c1.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 Il grafico radar mostra solo l&#8217;ultima riga della scala<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/MpqoZw\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d61f1d49.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafico angolare.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/it-labs\/pen\/BjQVym\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d62f0321.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Chart.bundle.js RequireJS<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/adrianhurt\/pen\/ZOyKqJ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d640671b.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafici attivabili in Angular\/Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/ChrisPerko\/pen\/qjYrBx\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6503a54.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafico del calibro<\/h3>\n<p><a href=\"https:\/\/codepen.io\/haiiaaa\/pen\/rNVbmYy\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d661c85d.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 un semplice diagramma di misura per Chart.js.<\/p>\n<h3>Percentuale del centro della ciambella di Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/vxNRmW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d671d90e.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Un esempio che utilizza i suggerimenti personalizzati di Chart.js per generare un&#8217;etichetta percentuale al centro della ciambella quando un utente passa il mouse su una sezione pu\u00f2 essere trovato qui.<\/p>\n<h3>Interfaccia utente del monitoraggio delle consegne<\/h3>\n<p><a href=\"https:\/\/codepen.io\/Jackthomsonn\/pen\/eJgoNR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d68278b4.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Ho usato Chart.js per creare il grafico a linee ed \u00e8 stato un buon progetto testare BEM.<\/p>\n<h3>Chart.js aggiorna il tipo di grafico + ridimensionabile<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/OutOfNutella\/pen\/ZyodWd\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6995d4d.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Grafico a linee D3<\/h3>\n<p><a href=\"https:\/\/codepen.io\/marcobiedermann\/pen\/GWGJvM\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6a9a539.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questo \u00e8 un grafico a linee SVG animato realizzato con d3.js.<\/p>\n<h3>Esempio di grafico a linee Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jaredkc\/pen\/OVbxqL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6bb6d52.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Griglie di Chart.js per il tema scuro<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/ruchern\/pen\/OgJqvr\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6cd0835.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/h3>\n<h3>Ruota un grafico ad anello (Chart.js)<\/h3>\n<p><a href=\"https:\/\/codepen.io\/markadrake\/pen\/gpWabB\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6de57e0.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questa \u00e8 una penna rapida per illustrare una nuova propriet\u00e0 che pu\u00f2 essere utilizzata per ruotare un grafico ad anello. Questo esempio \u00e8 specifico della libreria Chart.js.<\/p>\n<h3>Chart.Bands.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/Tarqwyn\/pen\/QNzNVg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6f0710e.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Questi grafici sono fantastici da guardare e facili da aggiungere a un sito statico. E se volessi aggiungerli in WordPress?<\/p>\n<p>Presentazione <strong><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">di wpDataTables<\/a><\/strong>, il plug-in per tabelle e grafici n. 1 per WordPress.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d7020a59.jpg\" alt=\"Bellissimi esempi di Chart.js che puoi utilizzare sul tuo sito web\" \/><\/a><\/p>\n<p>Ogni tabella di WordPress pu\u00f2 essere utilizzata come fonte di dati per la creazione di grafici WordPress. I grafici sono visualizzati da 3 potenti motori e possono cambiare in tempo reale: Google Charts, HighCharts e Chart.js. Dai un&#8217;occhiata a questa <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">pagina di documentazione facile da seguire<\/a> in cui presentiamo come creare un grafico in WordPress con il nostro plug-in intuitivo.<\/p>\n<p>Se ti \u00e8 piaciuto leggere questo articolo sugli esempi di Chart.js, dovresti dare un&#8217;occhiata a questo sui <a href=\"https:\/\/wordpress.mediadoma.com\/it\/i-migliori-progetti-grafici-dalle-interfacce-utente\/\" title=\"design dei grafici\">design dei grafici<\/a>.<\/p>\n<p>Abbiamo anche scritto di alcuni argomenti correlati come <a href=\"https:\/\/wordpress.mediadoma.com\/it\/i-diversi-tipi-di-grafici-e-grafici-che-utilizzerai\/\" title=\"i tipi di grafici\">i tipi di grafici<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/it\/qual-e-la-migliore-alternativa-a-highcharts-scegline-uno-da-qui\/\" title=\"l&#039;alternativa Highcharts\">l&#8217;alternativa Highcharts<\/a> e come creare fantastici <a href=\"https:\/\/wordpress.mediadoma.com\/it\/come-creare-fantastici-grafici-wordpress-con-questi-plugin\/\" title=\"grafici WordPress\">grafici WordPress<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In questo articolo puoi trovare un elenco di esempi di Chart.js per i tuoi progetti. Ci sono una variet\u00e0 di grafici a barre, grafici a torta e altro ancora.<\/p>\n","protected":false},"author":1,"featured_media":173853,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[731,1019,720,844],"tags":[1168],"class_list":["post-228605","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-6","category-siti-utili","category-sviluppatore","category-tutorial","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/228605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=228605"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/228605\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/173853"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=228605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=228605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=228605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}