Loading:

Światowy Dzień Książki [2za1] + InPost 0zł

Ankieta

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z k Jak zbudować pro Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.lcfirst() 2.imagegd 3.trim() 4.PDF_rotate 5.chdir() 6.lcg_value 7.ftp_mkdir 8.min 9.log10 10.sha1()

56853.05

Wykresy PHP Flash - Open Flash Chart

Kurs tworzenia wykresów PHP Flash za pomocą darmowej biblioteki Open Flash Chart.

Na początek pobieramy Open Flash Chart w wersji [ Pobierz ]

W paczce mamy 3 katalogi: actionscript, js, ofc-library i open-flash-chart.swf wrzucamy je do katalogu głównego naszej strony.

1. Wykres Liniowy.

Teraz tworzymy plik chart.php o następującej treści:

<html>
<head>
</head>
<body>
<?php
//500- szerokośc, 400 wysokość, liniowy.php - plik tworzący wykres
include_once 'ofc-library/open_flash_chart_object.php';
open_flash_chart_object( 500, 450, 'liniowy.php', true);
?>
</body>

</html>

Teraz nasz plik chart.php wgrywamy na serwer.

Plik chart.php będzie stały do generowania wykresów będziemy używać osobnego pliku php, przedstawię kody dla wszystkich rodzajó wykresów. Zaczniemy od wykrsu liniowego.

Czas na przygotowanie pliku liniowy.php który utworzy nam poniższy wykres, jego kod przedstawia listing 1.0.

Dalsza część: 1 2 3 4 5 6 7 8

Listing

//Listing 1.0 Wykres Liniowy liniowy.php

<?php

// Przykładowe dane dla wykresu wpisane z palca
//$data_1 = array("10","20","30","10","20","30","10","20","30");
//$data_2 = array("5","10","20","5","10","20","5","10","20");
//$data_3 = array("2","8","15","2","8","15","2","8","15");

// Generowane przykładowych danych:
$data_1 = array();
$data_2 = array();
$data_3 = array();
for( $i=0; $i<12; $i++ )
{
$data_1[] = rand(14,19);
$data_2[] = rand(8,13);
$data_3[] = rand(1,7);
}

include_once( 'ofc-library/open-flash-chart.php' );//Zaciągamy biblioteke

$g = new graph(); // tworzymy onwy objekt

// dodajemy nasze dane z tabel
$g->set_data( $data_1 );
$g->set_data( $data_2 );
$g->set_data( $data_3 );

//Tytuł wykresu, i jego styl
$g->title( 'Sprzedaż samochodów 2008', '{font-size: 20px; color: #736AFF}' );

//kolor tła
$g->bg_colour = '#ffffff';

//lewa legenda
$g->set_y_legend( 'Sztuk', 12, '#C11B01' );

//prawa legenda
$g->set_x_legend( 'Miesiąc', 12, '#C11B01' );

//styl dla napisów osi Y rozmiar kolor
$g->set_y_label_style( 10, '#000000' );

//tło wewnętrzne wykresu: kolor 1 kolor2, koąt przechodzniea kolorów
$g->set_inner_background( '#F0F0F0', '#ffffff', 90 );

//kolor osi x , kolor lin x
$g->x_axis_colour( '#799191', '#D3D9E7' );
//kolor osi y, kolor lin y
$g->y_axis_colour( '#799191', '#D3D9E7' );

//Ustawiamy właściwości naszych lini wykresu
//wparametry dla line : grubość lini , kolor, tytuł, wielkosć czcionki
$g->line( 2,'0x9933CC', 'Opel', 10 );
//wparametry dla line_dot : grubość lini , rozmiar punktu , kolor, tytuł, wielkosć czcionki
$g->line_dot( 3, 5, '0xCC3399', 'Audi', 10);
//wparametry dla line_hollow : grubość lini , rozmiar punktu , kolor, tytuł, wielkosć czcionki
$g->line_hollow( 2, 4, '0x80a033', 'BMW', 10 );

//ustawoiamy podziałke osi x
$g->set_x_labels( array( 'January','February','March','April','May','June','July','August','Spetember','October','November','December' ) );

//parametry rozmiar czcionki, kolor, kierunek, step (2- co druga podziałka osi x jest podpisana)
$g->set_x_label_style( 10, '0x000000', 0, 2 );

//maksymalna wartośc dla osi Y
$g->set_y_max( 30 );

//na ile części ma być podzielona oś Y
$g->y_label_steps( 30 );
echo $g->render();
?>