DataView Gør Arbejde med Visualiseringer Endnu nemmere

Ved Yaniv Shuba og NIR Bar-Lev, Google Visualisering Team

Visualiseringer er normalt fiks, små stykker kode, der gør vores data bliver levende. For at leve i fred på nettet, de har brug for at blive strømlinet og kompakt.

Nogle gange er disse visualisering ansøgninger er et produkt af en kreativ designer, der offentliggør deres arbejde gratis for os alle at bruge. Ofte bliver disse designere har ikke tid og ressourcer til at beskæftige sig med data-input strukturer.

Derfor, når integrere med en specifik visualisering, vi ofte nødt til at formatere DataTable bare ret, så det passer til den måde, visualisering forventer at få data. Sige som et eksempel, en første kolonne skal være af typen dato, den anden en række og den tredje en tekst kommentere. Hvad nu, hvis vores DataTable er ikke i denne nøjagtige format? Hvad nu, hvis vi ønsker at skabe flere visualiseringer i den samme datakilde? Til dato er dette kræves manipulere den DataTable, så det passer til særlig visualisering og gjort API lidt mindre fleksibel.

At gøre montering data til visualisering endnu nemmere og enklere, og Visualisering API endnu mere fleksibelt, har vi lånt fra den velkendte SQL koncept af synspunkter og skabt vores egne DataView . Dag, med Google Visualisering's DataView kan du genbestille kolonner og "skjule" en kolonne sådan, at den opfattelse, omfatter kun de kolonner, du skal bruge til at visualisere. Og det DataView ophold fuldt synkroniseret med DataTable på alle tidspunkter, så eventuelle ændringer i de underliggende DataTable afspejles i DataView.

Lad os se et simpelt eksempel, der viser dette.

Følgende kode skaber tre diagrammer fra en DataTable. De viste data er årlige resultater for den imaginære Acme Rail selskab. Vi viser en tabel, en bar og en BarsOfStuff chart. Den BarsOfStuff diagram er brugt, fordi vi viser data for Acme Rail, og vi troede, det ville være cool at bruge det lille tog i alt:

   
 <; head> 
  
  
  
  
  
 
  
 
 
 
 
 
 
 
 
 
  
  
  

Resultatet ser sådan ud:



Problemet er, at BarsOfStuff er en cool diagram, men det er meget simpelt. Det kan kun acceptere en enkelt række data i det format: [Serie afsnit; serie Værdi].

Bemærk, at lige nu diagrammet sammenligner indtægter pr jernbanelinje, men vi ønskede det til displayet antallet af pendlere per linie (som titlen antyder).

Hvordan kan vi løse dette? Med DataView det er et simpelt spørgsmål om at tilføje to linjer kode og pege BarsOfStuff chart til DataView stedet for DataTable. Vi tilføjer:

  var henblik = new google.visualization.DataView (data); 
 view.setColumns ([0,3]); 
  

Og initialisere BarsOfStuff chart med DataView:

  stuffchart.draw (opfattelse, stuffoptions); 
  

Og vi får:



Voila! Den BarsOfStuff chart nu viser de data, vi ønskede det til at visualisere - pendlere pr jernbanelinje.

Endnu en ny funktion til at udvikle komplekse instrumentbrætter med Google Visualisering endnu nemmere er det klon () metode, der anvendes til at klone en DataTable i stedet for at opføre en ny kopi fra bunden.

Vi arbejder på at gøre DataView endnu mere magtfulde, og af-kursus, der arbejder med andre funktioner og tilføjelser til Visualisering platform.

For mere information om Google Visualisering , så tjek vores developer dokumentation sider .

Happy visualisere!