2d column bar

S

sentenello

Registered
здравейте,
дръпнах си FusionCharts и се опитвам да си го наглася за да ми върши работа на мене, но така и не успях да го пригодя.
В момента съм стигнал до този изглед.

Искам да премахна бордера, отстрани цифрите и линиите които са за фон.

ето хтмл.

Код: 
<div id="chartdiv" align="center"> 
       </div>
      <script type="text/javascript">
		   var chart = new FusionCharts("../Charts/FCF_Column2D.swf", "ChartId", "250", "150");
		   chart.setDataURL("Data/Column2D.xml");		
		   chart.render("chartdiv");
		</script>

Ето и XML
Код: 
<graph caption='' xAxisName='' yAxisName='' decimalPrecision='0' formatNumberScale='0'>
<set name='1:' value='10' color='8BBA00' />
<set name='X:' value='32' color='8BBA00' />
<set name='2:' value='1' color='8BBA00' />
</graph>

Ако не можете да ми помогнете то най-вероятно можете да ме насочите към някоя друга пободна и опростена 2d или 3d column chart системка.

Благодаря на отзовалите се.
 
Аз лично преди време като търсех се спрях на тези:
http://teethgrinder.co.uk/open-flash-chart/
Flash са и са много приятни и можеш да вкараш малко движение
 
Това ти ползва накакъв СВФ файл демек флаш.

Но има такива които са изцяло на ПХП предполагам трябва да има и на джава.
На ПХП има със сигурност просто потърси в нета, даже мисля че и тук в уроците имаше, но не съм сигурен.
 
oniatam каза:
Това ти ползва накакъв СВФ файл демек флаш.

Но има такива които са изцяло на ПХП предполагам трябва да има и на джава.
На ПХП има със сигурност просто потърси в нета, даже мисля че и тук в уроците имаше, но не съм сигурен.
Увеличете...

Aко не бях търсил нямаеш да пиша тази тема :D
Ако може някакви линкчета да дадеш... Adrian това не мога да му намеря доунлоада.
 
http://sourceforge.net/projects/openflashchart/files/

Това е на версия 2. Ето и сайта: http://teethgrinder.co.uk/open-flash-chart-2/
 
Незнам какво си търсил като нета бъка от такива неща.
Ето аз примерно какво намерих на първа позиция от търсене с чичо гугул.
http://www.hotscripts.com/category/php/scripts-programs/graphs-charts/
 
oniatam каза:
Незнам какво си търсил като нета бъка от такива неща.
Ето аз примерно какво намерих на първа позиция от търсене с чичо гугул.
http://www.hotscripts.com/category/php/scripts-programs/graphs-charts/
Увеличете...

То че е пълно, пълно е из нета с такива работки обаче колкото и да се мъча не мога да премахна тези бордери и т.н. които съм споменал в първия си пост.

@adrian
ще пробвам това което си ми дал и ще пиша в темата какво съм направил.
 
adrian каза:
http://sourceforge.net/projects/openflashchart/files/

Това е на версия 2. Ето и сайта: http://teethgrinder.co.uk/open-flash-chart-2/
Увеличете...

Това което си ми дал за даунлоад съдържа адски много папки. Никъде не октрих един файл с който да тествам. Повечето документи са .txt.
 
Примерите са в php5-ofc-library или php-ofc-library, в зависимост дали ползваш php 5 или php 4. Но не работят. По мои спомени тотално им бяха объркани файловете и се налагаше да си ги подреждам сам. За жалост не са ми останали работещи демото, но ако преглеждаш примерите в сайта и отделиш време да си подредиш всичко - ще ти се получат доста красиви неща :)
 
adrian каза:
Примерите са в php5-ofc-library или php-ofc-library, в зависимост дали ползваш php 5 или php 4. Но не работят. По мои спомени тотално им бяха объркани файловете и се налагаше да си ги подреждам сам. За жалост не са ми останали работещи демото, но ако преглеждаш примерите в сайта и отделиш време да си подредиш всичко - ще ти се получат доста красиви неща :)
Увеличете...

Всичко ми се видя адкси объркано.. :cry:
 
Отново ги прегледах.... рових... тествах.... и какво ли още не правих и не можах даже да изкарам демо.

Ако може някой да помогне с някой по опростена системка за доунлоад.
 
Значи сваляш този архив:
http://sourceforge.net/projects/openflashchart/files

Разархивираш го да кажем в папка test (трябва да е на php сървъра ти иначе няма да тръгне)
След като си разархивирал всичко, можеш да оставиш само:
js
js-ofc-library
open-flash-chart
php5-ofc-library
php-ofc-library
open-flash-chart.swf
Увеличете...

След като си оставил само тези файлове и папки в test, вече можеш да минеш към самото създаване графиката.

Първо в същата директория където са js,js-ofc-library,open-flash-chart, php5-ofc-library, php-ofc-library, open-flash-chart.swf трябва да създадеш html файл със следното съдържание:

test.html
<!DOCTYPE html>
<html>
<head>

<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":"chart-3.php"}
);
</script>

</head>
<body>

<p>Hello World</p>


<div id="my_chart"></div>


</body>
</html>
Увеличете...
my_chart - ид на дива, в който ще се визуализира графиката
"550", "200" - 500 пиксела ще е височината на дива и 200 широчината
chart-3.php - файлът, от който ще взимаш информацията.


chart-3.php
<?php

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

// generate some random data
srand((double)microtime()*1000000);

$max = 20;
$tmp = array();
for( $i=0; $i<9; $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) );

$chart = new open_flash_chart();
$chart->set_title( $title );
$chart->add_element( $bar );

echo $chart->toString();


?>
Увеличете...

В php файла задаваш данни, като например какви числа (или текстове) искаш да са ти на ординатата, какви на абсцисата, с какви данни да работиш и какви видове да са ти графиките.


Повече за възможностите можеш да видиш на този адрес: http://teethgrinder.co.uk/open-flash-chart-2/adv-js-2-charts.php

А повече цялостни примери можеш да видиш като цъкнеш на Tutorials.
 
adrian каза:
Значи сваляш този архив:
http://sourceforge.net/projects/openflashchart/files

Разархивираш го да кажем в папка test (трябва да е на php сървъра ти иначе няма да тръгне)
След като си разархивирал всичко, можеш да оставиш само:
js
js-ofc-library
open-flash-chart
php5-ofc-library
php-ofc-library
open-flash-chart.swf
Увеличете...

След като си оставил само тези файлове и папки в test, вече можеш да минеш към самото създаване графиката.

Първо в същата директория където са js,js-ofc-library,open-flash-chart, php5-ofc-library, php-ofc-library, open-flash-chart.swf трябва да създадеш html файл със следното съдържание:

test.html
<!DOCTYPE html>
<html>
<head>

<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":"chart-3.php"}
);
</script>

</head>
<body>

<p>Hello World</p>


<div id="my_chart"></div>


</body>
</html>
Увеличете...
my_chart - ид на дива, в който ще се визуализира графиката
"550", "200" - 500 пиксела ще е височината на дива и 200 широчината
chart-3.php - файлът, от който ще взимаш информацията.


chart-3.php
<?php

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

// generate some random data
srand((double)microtime()*1000000);

$max = 20;
$tmp = array();
for( $i=0; $i<9; $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) );

$chart = new open_flash_chart();
$chart->set_title( $title );
$chart->add_element( $bar );

echo $chart->toString();


?>
Увеличете...

В php файла задаваш данни, като например какви числа (или текстове) искаш да са ти на ординатата, какви на абсцисата, с какви данни да работиш и какви видове да са ти графиките.


Повече за възможностите можеш да видиш на този адрес: http://teethgrinder.co.uk/open-flash-chart-2/adv-js-2-charts.php

А повече цялостни примери можеш да видиш като цъкнеш на Tutorials.
Увеличете...

Благодаря за изчерпателния отговор, но до това положение стигах и с други примери които намерих из нета. Моят главен въпрос е как да си стилизирам тази диаграма. Как да направя бекграунда да е бял в случая, и най-важното е как да премахна тея шибани цифри в ляво дето са.
 
Сега съм твърде зает, за да гледам точно къде беше. Но от тази страница:

http://teethgrinder.co.uk/open-flash-chart-2/title.php

В ляво има за различните части как се стилизират. Там четеш и си експериментираш с php файла докато се получи :) Всичките стилове за външен вид се задават от php файла :)
 
adrian каза:
Сега съм твърде зает, за да гледам точно къде беше. Но от тази страница:

http://teethgrinder.co.uk/open-flash-chart-2/title.php

В ляво има за различните части как се стилизират. Там четеш и си експериментираш с php файла докато се получи :) Всичките стилове за външен вид се задават от php файла :)
Увеличете...

Оправих се с бекграунда, но така и не намерих къде да махна линиите които са на него(бекграунда) и тези противни числа.
Ако може още малко напътствия да дадеш :oops: :cry:
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе