Korzystanie z Wykresów Google
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Wykresy Google to doskonały sposób na wizualizację danych z witryny.
W galerii wykresów znajdziesz wiele gotowych typów wykresów, od prostych wykresów liniowych po złożone mapy hierarchiczne.
Najpopularniejszym sposobem korzystania z Grafów Google jest użycie kodu JavaScript umieszczonego na stronie internetowej. Wczytasz kilka bibliotek Wykresów Google, wybierzesz dane, które mają zostać przedstawione na wykresie, wybierzesz opcje dostosowania wykresu, a na koniec utworzysz obiekt wykresu z wybranym identyfikatorem.
Następnie na stronie internetowej tworzysz tag <div> z tym identyfikatorem id, który wyświetla wykres Google.
To wystarczy, aby zacząć.
Wykresy są przedstawione jako klasy JavaScript, a Wykresy Google zapewniają wiele typów wykresów do wykorzystania.
Domyślnie wystarczy Ci tylko jeden z tych elementów, ale zawsze możesz dostosować wykres, aby pasował do wyglądu i stylu Twojej witryny. Wykresy są bardzo interaktywne i udostępniają zdarzenia, które umożliwiają połączenie złożonych paneli lub innych funkcji zintegrowanych ze stroną internetową.
Wykresy są renderowane za pomocą technologii HTML5/SVG, co pozwala korzystać z zgodności między przeglądarkami (w tym VML w starszych wersjach IE) i ułatwia przenoszenie danych między urządzeniami iPhone, iPad i Android. Użytkownicy nigdy nie będą mieć problemów z wtyczkami czy oprogramowaniem.
Jeśli osoby mają przeglądarkę, będą mogły zobaczyć Twoje wykresy.
Wszystkie typy wykresów są wypełniane danymi za pomocą klasy DataTable, co ułatwia przełączanie się między typami wykresów w celu eksperymentowania na szukaniu idealnego wyglądu.
Tabela danych udostępnia metody sortowania, modyfikowania i filtrowania danych. Można ją wypełniać bezpośrednio na stronie internetowej, w bazie danych lub u dowolnego dostawcy danych obsługującego protokół Źródło danych narzędzi wykresu.
(Ten protokół zawiera język zapytań podobny do SQL i jest zaimplementowany przez arkusze kalkulacyjne Google, Google Fusion Tables i zewnętrznych dostawców danych, takich jak SalesForce.
Możesz nawet wdrożyć protokół w swojej witrynie i zostać dostawcą danych dla innych usług).
Czy chcesz utworzyć pierwszy wykres? Przeczytaj krótki przewodnik.
Stale rozwijamy nasze narzędzia, aby lepiej odpowiadać na Twoje potrzeby. Liczymy na Twoją opinię – pomoże nam to określić, które funkcje powinniśmy uwzględnić.
Dołącz do naszej grupy dyskusyjnej.
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2024-07-10 UTC.
[null,null,["Ostatnia aktualizacja: 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)."]]
