Open Flash Chart yordamida saytga diogramma joylashtirish

Muallif: Mengliyev Sh.

Qo`shilgan sana: 2017-03-17

Open Flash Chart yordamida saytga diogramma joylashtirish

Open Flash Chart web saytlar uchun, yoki ilovalar uchun yaxshi grafik diogramma yaratish uchun imkon beradi. Open Source loyihadirsidir. Open Flash jadvali (http://teethgrinder.co.uk/open-flash-chart-2/) Flash veb-sahifasi kiritilgan diogrammani veb server orqali ma'lumotlarni ko'rsatadi.

Yangi versiyasi jadvallarini yaratish uchun JSON ma'lumot va ActionScript 3 foydalanadi. Grafigi yaratish uchun, siz ba'zi JSON kodlangan ma'lumotlarni ishlatib va JavaScript orqali amalga oshirish kerak.

Misolida grafik yaratish jarayonini namoyish etiladi. Buni siz (bu kutubxona Perl, Python, Ruby, .net, Google veb-Toolkit va JAVA kutubxonalarida ham mavjud) maxsus PHP kutubxonasidan foydalanadi. Shunday qilib, manzil http://teethgrinder.co.uk/open-flash-chart-2/, yuklab olishingiz mumkin yoki oxirida yuklab olish ham mumkin.

JSON ning bir model ma'lumotlari ishlab chiqilgan:

<?php
include 'php-ofc-library/open-flash-chart.php';

// Tasodifiy ma'lumotlar yaratish
srand((double)microtime()*1000000);
$max = 20;
$tmp = array();
for( $i=0; $i<10; $i++ ) {
$tmp[] = rand(0, $max);
}
$title = new title( date("D M d Y") );
$bar = new bar();
$bar->set_values( array(1,2,3,4,5,6,7,8,9,10) );
$chart = new open_flash_chart();
$chart->set_title( $title );
$chart->add_element( $bar );
echo $chart->toString();
?>
Bu kod data.php faylda saqlanadi.

PHP kodi ham JSON ma'lumotlari kabi chiqaradi:
{"elements":[
{"type":"bar",
"values":[11,3,14,4,17,11,14,17,0]}],
"title":{"text":"ved Mart 17 2017"}
}

Endi HTML va JavaScript ko`raylik:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Open Flash Chart orqali diogramma</title>
<link rel="stylesheet" type="text/css" href="my.css">
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF( "open-flash-chart.swf", "my_chart", "550", "200", "9.0.0", "expressInstall.swf", {"data-file":"data.php"} );
</script>
</head>
<body>
<div id="container">
<div id="my_chart"></div>
</div>
</body>
</html>
Ko'rib turganingizdek swfobject yordamida veb sahifada grafik joylashtirish mumkin. Siz o`z ma’lumotingizni Open Flash Chart orqali diogramma ko`rinishida veb saytga chiqarishingiz mumkin.

Kutubxona imkoniyatlari batafsil o'rganish bo'yicha qo'shimcha ma'lumot olish uchun, veb-saytiga o'ting: http://teethgrinder.co.uk/open-flash-chart-2/
www.codeforest.net/simple-charts-with-open-flash-charts

Diogrammani yuklab olish 300 kbayt

3095 marta o`qildi.

shoydullo adminstrator