[JavaScript] Wykres i łączenie słupków linią Opcje

[peja1990]

Witam,
chciałbym napisać własny skrypt jQuery generujący wykres słupkowy jak na poniższym obrazku:


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

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

[hateman]

skośne kreski na DIV'ach to raczej porażka

Po pierwsze to są gotowe biblioteki do rysowania wykresów
http://blog.alchemycode.pl/2010/03/02/10-n...resow-i-grafow/

Po drugie, jeżeli już musisz napisać coś swojego to proponuje oprzeć to HTML5 Canvas
jest do tego też plugin jQuery
http://code.google.com/p/jqcanvas/

[peja1990]

Dzięki ale już sobie z tym poradziłem
Pozdrawiam.