Posted by: Wildan Maulana | August 12, 2009

[Draft] Radar Chart

Contoh 1 :

Radar Chart - Google Chart

Radar Chart - Google Chart

Radar Chart - OpenFlash Chart

Radar Chart - OpenFlash Chart

Contoh 2 :

Radar Chart - Google Chart

Radar Chart - Google Chart

Radar Chart - OpenFlash Chart

Radar Chart - OpenFlash Chart

Potongan Kode :

		$data = array(10,20,30,40,50,60,70,80,90,100,110);
		$data2 = array(34,67,56,78,90,67,23,56,76,23,87);
		
		$OpenThinkChart = new OpenThinkChart('r','t'); 
		$OpenThinkChart->title = 'Radar Chart'; 
		$OpenThinkChart->add_data(array_values($data),"FF0000"); // adding values
		$OpenThinkChart->add_data(array_values($data2),"FF9900");
		$OpenThinkChart->add_style("2.0,4.0,0.0|2.0,4.0,0.0");
		$OpenThinkChart->add_labels("x",$data);

Contoh 3 :

Radar Chart - Google Chart

Radar Chart - Google Chart

Radar Chart - OpenFlash Chart

Radar Chart - OpenFlash Chart

Potongan Kode

		$OpenThinkChart = new OpenThinkChart('rs','t'); 
		$OpenThinkChart->title = 'Radar Chart';
		$OpenThinkChart->width = 200 ;
		$OpenThinkChart->height = 200 ; 
		$OpenThinkChart->add_data(array_values($data),"FF0000"); // adding values
		$OpenThinkChart->add_data(array_values($data2),"FF9900");
		$OpenThinkChart->add_style("2.0,4.0,0.0|2.0,4.0,0.0");
		$OpenThinkChart->add_labels("x",$data);
		$OpenThinkChart->add_marker("B,FF000080,0,0,5.0|B,FF990080,1,1,5.0");
		$OpenThinkChart->add_grid("25.0,25.0,4.0,4.0");

Catatan :

Untuk radar chart, di OFC belum ada dukungan menggunakan grid lines (chg).

Contoh 4

Radar Chart - Google Chart

Radar Chart - Google Chart

Open Flash Chart Version : “TODO”

Potongan Kode :

		$data = array(10,20,30,40,50,60,70,80,90,100,110);
		$data2 = array(34,67,56,78,90,67,23,56,76,23,87);

		$OpenThinkChart = new OpenThinkChart('rs','t'); 
		$OpenThinkChart->title = 'Radar Chart';
		$OpenThinkChart->width = 200 ;
		$OpenThinkChart->height = 200 ; 
		$OpenThinkChart->add_data(array_values($data),"FF0000"); // adding values
		$OpenThinkChart->add_data(array_values($data2),"FF9900");
		$OpenThinkChart->add_style("2.0,4.0,0.0|2.0,4.0,0.0");
		$OpenThinkChart->add_labels("x",$data);
		$OpenThinkChart->add_marker("h,0000FF,0,1.0,4.0|
									h,3366CC80,0,0.5,5.0|
									V,00FF0080,0,1.0,5.0|
									V,008000,0,5.5,5.0|
									v,00A000,0,6.5,4");
		$OpenThinkChart->add_grid("25.0,25.0,4.0,4.0");

Referensi :

[1] Radar Chart, Google Chart API, http://code.google.com/apis/chart/types.html#radar
[2] Radar Chart Example, Open Flash Chart, http://teethgrinder.co.uk/open-flash-chart-2/radar-chart.php


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Categories

%d bloggers like this: