fstats jest darmowym komponentem flash na stronę www, który wyświetla wykresy na twojej stronie. Sam komponent SWF dla strony internetowej można używać i rozpowszechniać bez żadnych ograniczeń i 100% za darmo. aplikacja flash do rysowania wykresów jest prosta w użyciu a jednocześnie jest bardzo uniwersalna. Dodatkowo aplikacja rysuje wykresy w sposób dynamiczny i dlatego jest bardzo szybka i niewielkich rozmiarów. Dzięki 11 parametrom, które można dowolnie ustawiać. Można ustawić styl wykresu, sposób wyświetlania, oraz kolory i kilka innych rzeczy które opiszę w dalszej części i w przykładach. W zależności od ilości danych można użyć odpowiedniego pliku wykresu fstats1, 2, 3 lub 4. W naszych przykładach użyliśmy formatu 1:2 czyli plik fstats2.swf. Pliki te można także dowolnie skalować i rozciągać zmieniając wartości width i height w kodzie html.
index.html, cs.css i folder "im" (ta strona + pliki graficzne),
fstats1.swf, fstats2.swf, fstats3.swf, fstats4.swf (pliki do generowania wykresów formaty 1:1,1:2,1:3,1:4),
Wersję ze skryptem PHP do zliczania statystyki rocznej i miesięcznej oraz skryptem wyświetlającym PHP można nabyć na tej stronie: http://www.flashstar.pl/f/pro/
Opis używanych parametrów:
Wszystkie parametry i wartości umieszczamy w zmiennej Flash vars: vars=P1|P2|P3|P4|P5|P6|P7|P8|P9|P10|P11|V1a=V1b|V2a=V2b|V3a=V3b...
Każdy parametr czy wartość musi być odddzielona znakiem |
Aby wykres został narysowany w zmiennej FlashVars musi znależćsię 11 parametrów a po nich przynajmniej dwie wartości na podstawie których aplikacja narysuje wykres. Nie ma ograniczeń co do ilości podawanych wartości ale aby aplikacja działała w miarę szybko powinno ich nie być więcej niż 500. Wartości powinny być liczbami całkowitymi lub dziesiętnymi w formacie (x.xx), wartości dziesiętne z przecinkami zostaną zamienione na całkowite liczby poprzez zaokrąglenie. Nie można w aplikacji używać znaków specjalnych jak ( ?,&,|,=).
Przykład 1 :
Wszystkie 11 parametrów ustawiamy na 0 i dodajemy 12 wartości reprezentujące miesiące w roku. To tylko przykład ponieważ można podać dowolną ilość wartości i dowolne nazwy dla nich. "vars=0|0|0|0|0|0|0|0|0|0|0|343=STYCZEŃ|297=LUTY|279=MARZEC|270=KWIECIEŃ|249=MAJ|
250=CZERWIEC|178=LIPIEC|237=SIERPIEŃ|194=WRZESIEŃ|252=PAŹDZIERNIK|128=LISTOPAD|356=GRUDZIEŃ"
Przykład 2 :
Podajemy te same wartości ale zmieniamy parametry. Pierwsze trzy parametry to etykiety nazw dla osi Y,X i etykiety głównej. Ustawiamy je na "Oś-Y", "Oś-X","TYTUŁ WYKRESU". Jeśli nie mamy zbyt wielu wartości dla wykresu można użyć parametru p11 i pokazać wszystkie wartości i ich nazwy (ustaw na 1). Przy większej ilości danych wartości będą nachodzić na siebie i wykres będzie nieczytelny. "vars=Oś-Y|Oś-X|TYTUŁ WYKRESU|0|0|0|0|0|0|0|1|343=STYCZEŃ|297=LUTY|279=MARZEC|270=KWIECIEŃ|249=MAJ|
250=CZERWIEC|178=LIPIEC|237=SIERPIEŃ|194=WRZESIEŃ|252=PAŹDZIERNIK|128=LISTOPAD|356=GRUDZIEŃ"
Przykład 3 :
Domyślnie ustawiony jest kolor nazw wartości i osi na czarny (parametr p4=0). Zmienimy go na bardziej pasujący do tła strony (pr4=333333). Domyślny parametr p6 był równy 0 zmieniając go zmieniamy styl wykresu na inny. Zmieńmy go na 1 i aplikacja będzie rysować wykres "punktowy 2D" (p6=1) "vars=Oś-Y|Oś-X|TYTUŁ WYKRESU|333333|0|1|0|0|0|0|1|343=STYCZEŃ|297=LUTY|279=MARZEC|270=KWIECIEŃ|249=MAJ|
250=CZERWIEC|178=LIPIEC|237=SIERPIEŃ|194=WRZESIEŃ|252=PAŹDZIERNIK|128=LISTOPAD|356=GRUDZIEŃ"
Przykład 4 :
Zmienimy teraz styl wykresu na "słupkowy 2D" (p6=2). Dodajmy także inny kolor dla rysowanego wykresu na niebieski (p10=6699ff), domyślnie jest to czarny (p10=0) "vars=Oś-Y|Oś-X|TYTUŁ WYKRESU|333333|0|2|0|0|0|6699ff|1|343=STYCZEŃ|297=LUTY|279=MARZEC|270=KWIECIEŃ|249=MAJ|
250=CZERWIEC|178=LIPIEC|237=SIERPIEŃ|194=WRZESIEŃ|252=PAŹDZIERNIK|128=LISTOPAD|356=GRUDZIEŃ"
Przykład 5 :
Zmienimy teraz styl wykresu na "liniowy 3D" (p6=3). Dodajmy także kilka lini poprzecznych w tle (p5=3), domyślnie bez lini (p5=0). Oznaczmy także wartość średnią kolorem żółtym (p9=ffff99) domyślnie wyłączone (p9=0) "vars=Oś-Y|Oś-X|TYTUŁ WYKRESU|333333|3|3|0|0|ffff99|6699ff|1|343=STYCZEŃ|297=LUTY|279=MARZEC|270=KWIECIEŃ|249=MAJ|
250=CZERWIEC|178=LIPIEC|237=SIERPIEŃ|194=WRZESIEŃ|252=PAŹDZIERNIK|128=LISTOPAD|356=GRUDZIEŃ"
Przykład 6 :
Zmienimy po raz kolejny styl wykresu na "słupkowy 3D" (p6=4). Dodajmy także kolor zielony dla max. wartości i wartości wzrostów (p7=00ff66) domyślnie wyłączony (p7=0). "vars=Oś-Y|Oś-X|TYTUŁ WYKRESU|333333|3|4|00ff66|0|ffff99|6699ff|1|343=STYCZEŃ|297=LUTY|279=MARZEC|270=KWIECIEŃ|249=MAJ|
250=CZERWIEC|178=LIPIEC|237=SIERPIEŃ|194=WRZESIEŃ|252=PAŹDZIERNIK|128=LISTOPAD|356=GRUDZIEŃ"
Przykład 7 :
Zmienimy po raz kolejny styl wykresu na "punktowy 3D" (p6=5). Dodajmy także kolor czerwony dla min. wartości i wartości spadków (p8=ff3333) domyślnie wyłączony (p8=0). "vars=Oś-Y|Oś-X|TYTUŁ WYKRESU|333333|3|5|00ff66|ff3333|ffff99|6699ff|1|343=STYCZEŃ|297=LUTY|279=MARZEC|270=KWIECIEŃ|249=MAJ|
250=CZERWIEC|178=LIPIEC|237=SIERPIEŃ|194=WRZESIEŃ|252=PAŹDZIERNIK|128=LISTOPAD|356=GRUDZIEŃ"
Przykłady :
Jak widać w zamieszczonych przykładach możliwości ustawień kolorów i stylów wykresów są prawie nieograniczone. Można nimi dowolnie żąglować i zmieniać w zależności od potrzeb. Należy jedynie pamiętać o prawidłowej kolejności parametrów i odpowiednim wpisywaniu wartości oddzielonych znakiem "=".
Zapraszamy do zakupu skryptu statystyki w którym nie trzeba nic ustawiać gdyż skrypt robi to automatycznie. W zakupionym pakiecie otrzymujesz skrypt do zliczania statystyki miesięcznej i rocznej oraz skrypt do ich wyświetlania. (fstatspro nie wymaga bazy danych. Wystarczy serwer z obsługą PHP).
http://www.flashstar.pl/f/fstats/pro/