Izgradnju HTML stolova sa “Gugl vizualizacija API”

Kako bi bilo da prikazate svoje prelijepe podatke sa prekratim osvrtom i još uvijek možete da se sorirate i paginate, Sve je napravljeno dinamički i bez pisanja “HTML stol”?

Prezentacija

Na Gugl vizualizacija API Omogućava set tehnika za vizualizacije vaših podataka na jednostavan i brz način. U ovom mjestu vidjet ćemo Tabele tablica.

Operacija

Primjer
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?PHP
<HTML Lang="pt-BR">
  <glava>    
    <Meta CharSet="ISO-8859-1" />
    <skripta vrsta=' Tekst/JavaScript ' src=' HTTPS://www.google.com/jsapi '></skripta>
    <skripta vrsta=' Tekst/JavaScript '>
      Google.Učitati(Vizualizacija, 1, {Paketa:[Stol]});
      Google.Setonutovarni povratni poziv(Stolić);
      funkcija Stolić() {
        Var Datum = novi Google.Vizualizacija.Dativ();
        Datum.Addkolona(Niz, Ime);
        Datum.Addkolona(Broj, Plata);
        Datum.Addkolona(Boolean, ' Puno radno vrijeme ');
        Datum.addRows metod([
          [John,  {V: 2000, F: ' R $2.000,00 '}, Istina],
          [Marija, {V: 5000, F: ' R $5.000,00 '}, lažna],
          [Alice, {V: 1000, F: ' R $1.000,00 '}, Istina],
          [Bob,   {V: 1500, F: ' R $1.500,00 '}, Istina]
        ]);
        Var Stol = novi Google.Vizualizacija.Stol(Dokument.Getelementbyid('table_div'));
        Stol.Nacrtaj(Datum, {metoda pokazivanja broja: Istina});
      }
    </skripta>
  </glava>
  <tijelo>
    <ID diva='table_div'></Div>
  </tijelo>
</HTML>
?>

(1) U kodu iznad, Zabilježi da smo započeli poziv na Google JavaScript API (JSAPI).

(2) Onda, Nosimo Vizualizacija, U verziji 1.0, i vašu biblioteku ' Sto’.

(3) Koristimo JSAPI funkciju Setonutovarni povratni poziv Dodjeljujem rukovodiocu Stolić (ili bilo koje drugo ime koje želite), A to je ko u stvari treba da stvori i definiše sto.

(4) Na Dativ je pretvorena u HTML stol gdje svaka kolona mora biti od iste vrste podataka koja se podržava (Niz, Boolean, Broj, itd).

(5) Koristite ovaj Addkolona() Da kreirate kolonu, Prolazimo kao parametar tip i ime podataka.

(6) Koristiti addRows metod() Da bi stvorili sto redova, IE, Unesite sami svoje podatke. Linije su Očarali kvadrakom. [] I informacija o svakoj ćeliji je odvojena od zarez. Napomena. “V” i “F”, Što pretpostavljam znači vrednost i polje, To jest, IE, Stvarna vrijednost ćelije i oznake da se prikaže u. Ovo je neophodno, Jer, Kako je rečeno, kolona je “Cijeli”, Onda bi ispravna naruèivanja mogla biti umanjena da je uzeto kao konce..

(7) Konačno, Obavještavamo vas u kojoj će biti nacrtom stola. (table_div) i spreman!

U praksi

Kod iznad je generiše sljedeći HTML sto:

Nije baš zanimljivo.? Svaki HTML u stolu je stvoren bez potrebe da piše jedan sto, TR ili TD. naravno, Ovo je bila samo demonstracija.. Možete produbniti vaše znanje i otkriti druge mogućnosti konfiguracije da radite sa stolovima kroz Tabele tablica.

Galeriju

Postoje još mnoge zanimljive osobine koje Google grafika galerija Nudi. Há uma variedade de gráficos que são otimizados para atender às necessidades de visualização de dados. Os gráficos são baseados na tecnologia HTML5/SVG puro (adotando VML para antigas versões do IE), por isso não são necessários plugins. Esses gráficos podem ser adicionados a sua página em apenas alguns passos simples.

Fontovi

Ukupno pogodaka: 5923

ostavi odgovor

Na vaš email neće biti objavljen. Obavezna polja su označena sa *