Ve většině případů je v dané situaci nejvhodnější grafické znázornění dat. Pokud jsou diagramy také interaktivní, pak je to opravdu skvělé! To, co mám na mysli? Kliknutím na prvek diagramu se otevře další diagram.
Co jsou připojená schémata?Do této chvíle takové diagramy odpovídaly pouze jednomu datovému toku a nebyly zcela propojeny. Co kdybychom vytvořili diagramy, které bychom mohli pohybovat tam a zpět? Tyto grafy se nazývají spojené grafy a jsou součástí nového balíčku FusionCharts 3.2, který umožňuje vytvářet víceúrovňové grafy extrahováním dat z jednoho zdroje. V takových diagramech je vše vzájemně propojeno.
V tomto tutoriálu se podíváme na integraci takových diagramů do malého projektu. Základna Data MySQL bude obsahovat data, PHP bude fungovat jako lepidlo XML soubor, FusionCharts přijme tento soubor a vydá data.
Několik slov o připojených diagramech:
- Ve výchozím nastavení má podřízený graf stejný typ zobrazení (například pruhové grafy) jako jeho nadřazený;
- Další nastavení lze přidat na jakékoli úrovni hierarchie, včetně samotného typu grafu;
- Diagramy lze umístit do HTML kontejneru, dialogů jQuey, lightboxu, oken extJS atd.;
- Podpora událostí pomocí JavaScriptu;
Mnohokrát jsme stáli před úkolem sledovat nárůst návštěvnosti našich stránek. Vytvořme si tedy malý projekt, který bude ukazovat počet registrovaných uživatelů za měsíc / den / hodinu, nebo jinými slovy, počet uživatelů registrovaných na našem webu za určité časové období.
Požadavky:
- Jakýkoli webový server s PHP;
- MySQL server s databází;
- FusionCharts, které si můžete stáhnout nebo zakoupit z jejich webových stránek;
Vytvořte prázdnou databázi s názvem fctutorialc.
Vytvořte prázdnou složku s názvem fcdemo v kořenovém adresáři vašeho webového serveru (obvykle www)
Krok 1: Připravte databáziAbychom to zjednodušili, použijeme pouze jednu tabulku, uživatelé, která bude zobrazovat informace o uživateli. Zajímá nás pouze čas registrace uživatele. Naše tabulka tedy bude obsahovat pouze tyto informace. Vložte tento kód do phpMyAdmin:
CREATE TABLE `users` (`ID` int(10) unsigned NOT NULL AUTO_INCREMENT, `Time` time stamp NOT NULL DEFAULT "0000-00-00 00:00:00", PRIMARY KEY (`ID`), KEY `Time` ("Čas"))
Vytvořili jsme tabulku obsahující 2 pole: ID a čas. time bude obsahovat informaci o čase, kdy se uživatel zaregistroval. Vezměte prosím na vědomí, že jsme do tohoto pole umístili index, protože Využijeme mnoho podmínek WHERE. Index nám umožní urychlit proces vzorkování.
Připojení k základněPojďme napsat malý skript pro připojení k databázi:
Nahraďte nastavení vlastním a uložte tento soubor pod názvem connect-to-database.php ve složce fcdemo.
Vložíme náhodná dataPokud by se jednalo o skutečný projekt, tabulka uživatelů by se časem rozrostla, ale pro demonstraci musíme vložit nějaká data. Napíšeme si malý skript, který do tabulky vloží náhodná data. Nedělejte si starosti, pokud nerozumíte následujícímu kódu – pro tento tutoriál to není důležité.
Uložte tento soubor s názvem create-random-data.php vše do stejné složky.
Nejprve zahrneme soubor připojení k databázi. Poté nastavíme časový rámec, ze kterého bude náhodně vybrán čas pro registraci uživatele. Můžete změnit počet řádků, které se mají vložit. Chcete-li to provést, musíte upravit proměnnou $RecordsToInsert.
Poté spustíme skript pro vložení vygenerovaných záznamů do databáze. Chcete-li zahájit tento proces, přejděte na tuto adresu - http://localhost/fcdemo/generate-random-data.php.
Nakonec byste měli vidět zprávu: "Vložené ($RecordsToInsert) záznamy"
Krok 2. Připravte kostru webuMusíme tvořit nejvíc jednoduchá stránka k zobrazení našeho grafu. Něco takového:
FusionCharts v3.2 – LinkedCharts PHP Demo