Jak používat grafy Google ve 4D

Podle neurologů reagujeme na vizuální formu lépe a rychleji než na jakýkoli jiný typ zobrazení. Proto jsou grafy a tabulky jednoznačně klíčem k lepšímu pochopení dat.

Pokud tedy hledáte zobrazení sloupcových, histogramů nebo koláčových grafů, které jsou moderní a plně kompatibilní s předními prohlížeči, ale také vhodnější pro způsob, jakým lidský mozek zpracovává informace, jsou Grafy Google jednou z možných odpovědí. Dostupné typy grafů v aplikaci Google Charts jsou rozmanité: kromě klasických sloupcových/sloupcových/koláčových grafů nabízí Google Charts také propracované grafy, jako je mapa stromů, svíčkové a měřítkové grafy.

Tento příspěvek na blogu obsahuje příklad koblihy, mapy a sloupcového grafu. Každý graf zobrazuje počet obyvatel podle zemí v Jižní Americe. V následující databázi máte k dispozici metodu 4D pro načtení dat a také několik souborů HTML pro zobrazení různých grafů.

Příklad databáze

Formát dat

Tato databáze je velmi jednoduchá. Jedná se o jedinou metodu, GetJsonData, která vrátí pole dat JSON splňující specifikaci Google Chart.

V následujících třech příkladech grafů je formát dat stejný, jak je uvedeno níže:

{
   "Data":[
      ["Country", "Population"],
      ["Argentina", 43847277],
      ["Bolivia", 10888402],
      ["Brazil", 209567920],
      ["Chile", 18131850],
      ["Colombia", 48654392],
      ["Ecuador", 16385450],
      ["Gabon", 1763142],
      ["Guyana", 77061],
      ["Paraguay", 6725430],
      ["Peru", 31774225],
      ["Suriname", 54761],
      ["Uruguay", 3444071],
      ["Venezuela", 31518855]
   ]
}

Donutový graf

Příklad donutového grafu najdete v souboru „donutChart.html“ ve složce WebFolder.

Další informace naleznete v dokumentaci ke koláčovému grafu od Google Charts.

Mapový graf

Příklad mapového grafu najdete v souboru „geoChart.html“ ve složce WebFolder.

Další informace naleznete v dokumentaci ke geokartu od Google Charts.

Sloupcový graf

Příklad sloupcového grafu najdete v souboru „barChart.html“ ve složce WebFolder.

Další podrobnosti naleznete v dokumentaci ke sloupcovému grafu od Google Charts.