2012-04-19 12 views
0

私は実際にグラフを作成するパスを設定しました。私が今必要とするのは、パス上のポイントにホバー効果を加えてポイントの値を表示することだけです。これをどうやってやりますか?Raphaelのマーキングポイント

* EDIT *

私は継続的なパス上のポイントにマーカーを追加できるか疑問に思って? は現在、私はPHPをループなどのようなより多くの座標と変数を連結しています:

$line .= ' l '.$x.' '.$y; 

、次いで

Iのに対して添加するための「L」値を使用していたように見
echo 'var line = paper.path("M 0 100 '.$line.'")'; 

パス、どのように各ポイントのマーカーを追加するつもりですか?

+0

あなたのパスに加えて、ポイント/サークルを追加して各x/yポジションを追加することができます。私はPHPにはないので、次のようなものを購入してください: for(...){ $ line。= 'l'。$ x。 ' '$ y; echo 'var line = paper.path( "M 0 100'。$ line。 '")'; echo 'var circle = paper.circle($ x、$ y、5)'; } – Robar

+0

ありがとうございました。私は今、唯一の問題は、$ xの値が前の点との相対的なものであると考えているので、これらの$ x座標を円の位置の絶対値としてどのように使うのでしょうか? – Sneaksta

+0

私の答えは私の編集を参照してください。 – Robar

答えて

1

ポイント(円)の上にいくつかの情報を表示したい場合は、円のホバーイベントでテキスト要素を作成して表示するだけです。何かがthisのようなものです。

EDIT

あなたのx/yの値が前の時点を基準とした場合、あなたは0

で始まる値を累積する必要があり、私はPHPでこれを書く正確にどのように知りませんが、

var $absoluteX = 0; 
var $absoluteY = 0; 
for(...) { 
    $line .= ' l '.$x.' '.$y; 
    echo 'var line = paper.path("M 0 100 '.$line.'")'; 

    $absoluteX += $x; // add the relative change to the previous x value 
    $absoluteY += $y; 
    echo 'var circle = paper.circle($absoluteX, $absoluteY, 5)'; 
} 
+0

私の編集をご覧ください。 – Sneaksta

+0

それは本当に便利です、ありがとう!私は今、私の問題は、x軸に点の相対性を均等に配分することができないことを発見しました。私が5ヶ月前の日付の束を持っていて、その範囲が今日までの6ヶ月前であるならば、それらはすべて束ねられて奇妙に見えます。いくつのレコードがあるか、また提案されたx値を考慮して、それらを均等に配布する方法を知っていますか? – Sneaksta

+0

私はあなたが何を意味するかは分かりませんが、理解を深めるためにhttp://jsfiddle.net/の例を提供してください。 – Robar