Maak grafieken online gebruikend de Google Grafiek API

Gepost op 1 December, 2008 in 5:34 am

De Google Grafiek API is de Webdienst die u kunt verbinden om grafieken voor uw blogs of websites snel te produceren.  Aangezien het de Webdienst is, zult u niet om het even wat in uw Webserver moeten installeren.  Allen u wenst is een fundamenteel begrip op hoe het werkt.

Hier is een daadwerkelijk voorbeeld van a de grafiek leidde tot het gebruiken van Google Grafiek API:

beeld

U kunt zien dat de grafiek gebruikend een eenvoudige URL parametermanipulatie werd geproduceerd:

beeld

Er zijn minstens 3 parameters (cht, chd en chl)  een grafiek plaatsen kunnen produceren.  Hieronder zijn de stappen om die parameters te maken:

Stap 1: Bepaal het Type van Grafiek: cht

Eerst zult u moeten bepalen welk type van grafiek u wilt.  Een lijst van alle beschikbare grafiektypes wordt gevestigd hier: http://code.google.com/apis/chart/types.html

In het voorbeeld dat wij zullen creëren, zullen wij gebruiken cht=p3 welke een cirkeldiagram is.  Om andere types van grafieken zoals staaf of lijngrafieken te maken, doorblader enkel de types van grafieken en breng de overeenkomstige cht parameterwaarde aan.

Stap 2: Bepaal de parameter voor gegevens en etiketten: chd en chl

Bijvoorbeeld, willen wij de distributie van elk van de vier merken in kaart brengen hieronder:

  1. BrandX=40
  2. BrandY=30
  3. BrandZ=20
  4. BrandA=10

De gegevens (chd) parameter zal zijn:  chd=t: 40.30.20.10

Nota: In het voorbeeld 1 verkoos om het Coderen van de Tekst te gebruiken.  Om andere soorten te gebruiken het coderen klik op de verbinding hieronder: http://code.google.com/apis/chart/formats.html

De etiketparameter (chl) is chl=BrandX, Brandewijn, BrandZ, BrandA

De waarden van de etiketparameter zijn afgebakende komma en zouden het zelfde aantal waarden moeten hebben zoals de gegevensparameter.

Stap 3: Bepaal de grootte van de grafiek in pixel

Het formaat is eenvoudig chs=< breedte in pixel> x< hoogte in pixel>, zo als wij een 250X100- grafiek willen hebben, zetten wij het als dit: chs=250X100

Stap 4: Breng de parameters samen

Voeg de parameters aan belangrijkste URL toe: http://chart.apis.google.com/chart?

+ parameter van stap 1 +? &? + parameter van stap 2 +? &? parameter van stap 3

Merk dat op de orde van parameters in de Webdiensten niet belangrijk zolang afzonderlijk u hen met het ampersandkarakter is? &?.  Zie voorbeeld hieronder:

http://chart.apis.google.com/chart?cht=p3&chd=t:40,30,20,10&chs=250 ×100&chl=BrandX|Brandewijn|BrandZ|BrandA

Het is duidelijk dat de gebruikers dynamische grafieken kunnen gemakkelijk creëren gebruikend Google Grafiek API.  Dit is ideaal voor gebruikers die aantrekken? t wil complexe het aangevenoplossingen voor hun Webprojecten kopen.

Ben Carigtan toont u hoe het? gedaan s.

Genoot van deze post? Teken aan de Online Uiteinden van Technologie in via Voer RSS of via E-mail en ontvang vrije dagelijkse productiviteitsuiteinden.

“ Filed onder De Software/de Uiteinden van Google

Voeg aan Heerlijk toe Sparen deze pagina Mixx het Beweeg het omhoog op Mixx
Reddit Voeg aan Reddit toe StumbleUpon Struikel deze pagina

Verwante Posten

Please post your comments/suggestions!