Google Grafikler'i Kullanma
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Google Listeleri, web sitenizdeki verileri görselleştirmek için mükemmel bir yol sunar.
Grafik galerisi, basit çizgi grafiklerinden karmaşık hiyerarşik ağaç haritalarına kadar çok sayıda kullanıma hazır grafik türü sağlar.
Google Listeler'i kullanmanın en yaygın yolu, web sayfanıza yerleştirdiğiniz basit JavaScript kodudur. Bazı Google Grafik kitaplıkları yükler, grafiği oluşturulacak verileri listeler, grafiğinizi özelleştirmek için seçenekler sunar ve son olarak seçtiğiniz bir id ile grafik nesnesi oluşturursunuz.
Ardından, web grafiğinde, Google Grafiğini görüntülemek için bu id bilgisine sahip bir <div> öğesi oluşturursunuz.
Başlamak için yapmanız gerekenler bu kadar.
Grafikler JavaScript sınıfları olarak gösterilir ve Google Listeleri, kullanabileceğiniz birçok grafik türü sağlar.
Genellikle ihtiyacınız olan tek şey varsayılan görünümdür. Dilediğiniz zaman web sitenizin görünümüne ve tarzına uygun olacak şekilde bir grafiği özelleştirebilirsiniz. Grafikler oldukça etkileşimlidir ve karmaşık, kontrol panelleri veya web sayfanızla entegre diğer deneyimler oluşturmak için bunları bağlamanızı sağlayan etkinlikleri gösterir.
Grafikler, tarayıcılar arası uyumluluk (eski IE sürümleri için VML dahil) ve iPhone'lar, iPad'ler ile Android'e platformlar arası taşınabilirlik sağlamak için HTML5/SVG teknolojisi kullanılarak oluşturulur. Kullanıcılarınızın hiçbir zaman eklentiler veya yazılımlarla uğraşması gerekmez.
Bir web tarayıcısı varsa grafiklerinizi görebilirler.
Tüm grafik türleri, DataTable sınıfı kullanılarak doldurulur. Bu sayede, ideal görünümü bulmak için denemeler yaparken grafik türleri arasında geçiş yapmayı kolaylaştırır.
DataTable, verileri sıralama, değiştirme ve filtreleme yöntemleri sunar. Veriler, doğrudan web sayfanızdan, veritabanınızdan veya Chart Tools Datasource protokolünü destekleyen herhangi bir veri sağlayıcısından doldurulabilir.
(Bu protokol, SQL benzeri bir sorgu dili içerir ve Google E-Tablolar, Google Füzyon Tabloları ve SalesForce gibi üçüncü taraf veri sağlayıcıları tarafından uygulanır.
Hatta protokolü kendi web sitenize uygulayabilir ve diğer hizmetler için veri sağlayıcısı olabilirsiniz.)
İlk grafiğinizi oluşturmaya hazır mısınız? Hızlı başlangıç kılavuzunu ziyaret edin.
Araçlarımız ihtiyaçlarınızı daha iyi karşılayacak şekilde sürekli olarak gelişmektedir. Hangi özellikleri dahil edeceğimize öncelik vermemize yardımcı olmak için geri bildirimlerinize güveniyoruz.
Tartışma grubumuza katılın.
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2024-07-10 UTC.
[null,null,["Son güncelleme tarihi: 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,["# Using Google Charts\n\nGoogle 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)."]]
