Forum PHP.pl

Witam,
chciałbym napisać własny skrypt jQuery generujący wykres słupkowy jak na poniższym obrazku:
(IMG:http://iv.pl/images/21059301645081045689.png)

Wszystko jestem w stanie zrobić lecz nie wiem jak zabrać się do rysowania linii, które łączą wierzchołki każdego słupka ze sobą.
Czy wie ktoś z Was jak to zrobić ?
Załóżmy, że każde kółeczko na wierzchołku każdego słupka przyjmuje atrybut ID o (rzecz jasna) unikalnym id np. (bull-01, bull-02 itd.) każdy z tych elementów będzie miał pozycję absolutną.

Wykres wyglądałby mniej więcej tak:

[PHP] pobierz, plaintext 
<div id="diagram">
	<span dir="20"><span id="bull-01"></span></span>
	<span dir="35"><span id="bull-02"></span></span>
	<span dir="61"><span id="bull-03"></span></span>
	<span dir="82"><span id="bull-04"></span></span>
	<span dir="10"><span id="bull-05"></span></span>
	<span dir="1"><span id="bull-06"></span></span>
	<span dir="86"><span id="bull-07"></span></span>
</div>
[PHP] pobierz, plaintext 

Słupek:

[PHP] pobierz, plaintext 
<span dir="xx"></span>
[PHP] pobierz, plaintext 

Wartość atrybutu dir to wartość słupka (nie w procentach), jQuery będzie dynamicznie obliczał sobie wysokość słupka w procentach.

[PHP] pobierz, plaintext 
... dir="xx" ...
[PHP] pobierz, plaintext 

Bardzo proszę o pomoc.


-----------------------------------------------
EDIT:
Rozwiązane !
Do zamknięcia (IMG:style_emoticons/default/smile.gif)

Ten post edytował peja1990 4.04.2012, 15:02:08