Loading:

Zaplanuj Przeprowadzke - Ściągnij Darmową Aplikację na Androida

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

Napisz Artykuł

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();
?>




Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=4&t=2539

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors