Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Google grafici offre un modo perfetto per visualizzare i dati sul tuo sito web.
Da semplici grafici a linee a mappe ad albero gerarchiche complesse, la galleria di grafici fornisce un gran numero di tipi di grafici pronti all'uso.
Il modo più comune per utilizzare i grafici Google consiste nell'incorporare un semplice codice JavaScript nella pagina web. Carichi alcune librerie Google Chart,
elenca i dati da rappresentare in un grafico, seleziona le opzioni per personalizzare il grafico
e infine crea un oggetto grafico con un id scelto da te.
Successivamente, in una pagina successiva, crei un elemento <div>
con tale id per visualizzare il grafico di Google.
I grafici sono esposti come classi JavaScript e Google Tables offre diversi tipi di grafici che puoi utilizzare.
L'aspetto predefinito solitamente è tutto ciò di cui hai bisogno e puoi sempre personalizzare un grafico per adattarlo all'aspetto e al design del tuo sito web. I grafici sono altamente interattivi ed espongono eventi che ti permettono di collegarli per creare complesse dashboard o altre esperienze integrate con la tua pagina web.
I grafici vengono visualizzati utilizzando la tecnologia HTML5/SVG per garantire la compatibilità tra browser (incluso VML per le versioni precedenti di IE) e la portabilità su più piattaforme per iPhone, iPad e Android. I tuoi utenti non dovranno mai preoccuparsi di plug-in o software.
Se hanno un browser web, possono vedere i grafici.
Tutti i tipi di grafici vengono completati con i dati utilizzando la classe DataTable, che consente di passare facilmente da un tipo all'altro durante l'esperimento per trovare l'aspetto ideale.
La tabella dati fornisce metodi per ordinare, modificare e filtrare i dati e può essere completata direttamente dalla tua pagina web, da un database o da qualsiasi fornitore di dati che supporti il protocollo Chart Data Datasource.
Questo protocollo include un linguaggio di query di tipo SQL e viene implementato da fogli di lavoro di Google, Google Fusion Tables e fornitori di dati di terze parti come SalesForce.
Puoi anche implementare il protocollo sul tuo sito web e diventare un fornitore di dati per altri servizi.)
Vuoi creare il tuo primo grafico? Consulta la
guida rapida.
I nostri strumenti sono in continua evoluzione per soddisfare meglio le tue esigenze in base alle tue opinioni per aiutarci a stabilire le priorità delle funzionalità da includere.
Partecipa al nostro
gruppo di discussione.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2024-07-10 UTC."],[[["\u003cp\u003eGoogle Charts offers a wide variety of interactive and customizable chart types to visualize data on your website.\u003c/p\u003e\n"],["\u003cp\u003eEmbedding charts is straightforward using simple JavaScript that loads libraries, specifies data, customizes options, and creates a chart object within a div element.\u003c/p\u003e\n"],["\u003cp\u003eCharts are highly interactive, supporting events, dashboards, and integration with web pages for enhanced user experiences.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Charts uses HTML5/SVG technology for cross-browser and cross-platform compatibility, ensuring accessibility for all users.\u003c/p\u003e\n"],["\u003cp\u003eData population is handled by the DataTable class, enabling easy switching between chart types and providing methods for data manipulation and sourcing.\u003c/p\u003e\n"]]],[],null,["Google Charts provides a perfect way to visualize data on your website.\nFrom simple line charts to complex hierarchical tree maps, the\n[chart gallery](/chart/interactive/docs/gallery)\nprovides a large number of ready-to-use chart types.\n\nThe most common way to use Google Charts is with simple JavaScript\nthat you embed in your web page. You load some Google Chart libraries,\nlist the data to be charted, select options to customize your chart,\nand finally create a chart object with an id that you choose.\nThen, later in the web page, you create a \\\u003cdiv\\\u003e\nwith that id to display the Google Chart.\n\nThat's all you need to [get started](/chart/interactive/docs/quick_start).\n\nCharts are exposed as JavaScript classes, and Google Charts provides\n[many chart types](/chart/interactive/docs/gallery) for you to use.\nThe default appearance will usually be all you need, and you can always\n[customize a chart](/chart/interactive/docs/customizing_charts)\nto fit the look and feel of your website. Charts are highly interactive and expose\n[events](/chart/interactive/docs/events) that let you connect them to create complex\n[dashboards](/chart/interactive/docs/gallery/controls) or other experiences\n[integrated with your\nwebpage](/chart/interactive/docs/examples#full_html_page_example).\nCharts are rendered using HTML5/SVG technology to provide cross-browser compatibility\n(including VML for older IE versions) and cross platform portability to iPhones,\niPads, and Android. Your users will never have to mess with plugins or any software.\nIf they have a web browser, they can see your charts.\n\nAll chart types are populated with data using the\n[DataTable](/chart/interactive/docs/reference#DataTable) class,\nmaking it easy to switch between chart types as you experiment to find the ideal appearance.\nThe DataTable provides methods for sorting, modifying, and filtering data, and can be\npopulated directly from your web page, a database, or any data provider supporting the\n[Chart Tools Datasource](/chart/interactive/docs/queries) protocol.\n(That protocol includes a SQL-like query language and is implemented by Google Spreadsheets,\nGoogle Fusion Tables and third party data providers such as SalesForce.\nYou can even implement the protocol on your own website and become a data provider\nfor other services.)\n\n**Ready to create your first chart? Visit the\n[quickstart](/chart/interactive/docs/quick_start).**\n\nOur tools are constantly evolving to better address your needs;\nwe depend on your feedback to help us prioritize which features to include.\nJoin our [discussion group](http://groups.google.com/group/google-visualization-api)."]]
