Wprowadzenie do infografik

Ważne: dynamiczne i interaktywne Wykresy Google są aktywnie obsługiwane, ale w 2012 r. oficjalnie wycofaliśmy statyczne wykresy graficzne Google. Została wyłączona 18 marca 2019 roku.

Na tej stronie opisujemy podstawy korzystania z serwera infografiki do tworzenia obrazów.

Zasady korzystania z infografik

Dzienna liczba próśb o utworzenie infografiki jest nieograniczona. Zastrzegamy sobie jednak prawo do zablokowania wykorzystania, które uznamy za nadużycie.

1. Pierwsze kroki
2. Optymalizacje
   1. skrócenie czasu wczytywania,
   2. Korzystanie z metody POST

Pierwsze kroki

Serwer infografiki zwraca obraz w odpowiedzi na żądanie GET lub POST z adresu URL. Wszystkie dane potrzebne do utworzenia grafiki są zawarte w adresie URL, w tym informacje o typie i rozmiarze obrazu. Na przykład skopiuj i wklej w przeglądarce ten URL:

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world

Obraz, który widzisz, to kod QR wyrażenia „Hello World”. Zmień je na swoje imię i odśwież przeglądarkę. Gotowe!

Poniżej znajduje się więcej informacji na temat adresu URL:

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=Hello%20world https://chart.googleapis.com/chart? – Wszystkie adresy URL infografiki zaczynają się od tego głównego adresu URL, po którym następuje co najmniej jedna para parametr/wartość. Wymagane i opcjonalne parametry są określone w przypadku każdego obrazu. Zapoznaj się z dokumentacją obrazu. chs – rozmiar obrazu w pikselach, w formacie <width>x<height> cht – typ obrazu: „qr” oznacza kod QR. chl – dane do zakodowania. Musi być zakodowany na potrzeby adresu URL.

Optymalizacje

Oto kilka sposobów optymalizacji obrazów:

Przyspieszenie wczytywania stron z wieloma obrazami

Jeśli masz na stronie tylko kilka obrazów, wystarczy standardowy podstawowy adres URL https://chart.googleapis.com/chart. Jeśli jednak masz wiele obrazów, możesz dodać liczbę 0–9 i kropkę tuż przed chart.apis.google.com. Jeśli podasz inny numer dla każdego obrazu na stronie, przeglądarka będzie próbowała wczytać więcej obrazów jednocześnie, zamiast czekać na ładowanie sekwencyjnie. Jest on jednak potrzebny tylko wtedy, gdy wczytujesz na stronie co najmniej 5 obrazów. Na przykład:

• http://0.chart.apis.google.com/chart?cht=...
• http://1.chart.apis.google.com/chart?cht=...
• http://2.chart.apis.google.com/chart?cht=...
• ...

Korzystanie z metody POST

Adresy URL mogą mieć długość do 2 KB, więc jeśli Twoje obrazy mają więcej danych, użyj metody POST zamiast GET. (Funkcja GET wymaga wpisania adresu URL obrazu w pasku adresu przeglądarki lub użycia go jako źródła elementu <img> na stronie internetowej. POST wymaga dodatkowego programowania w innym języku, takim jak PHP lub PERL.

Możesz też użyć metody POST podczas automatycznego generowania strony.

Przeczytaj informacje o używaniu metody POST do wysyłania żądań obrazu