2012-04-19 3 views
0

그래서 현재 효과적으로 그래프를 만드는 경로를 설정했습니다. 이제해야 할 일은 경로의 점을 가리키는 호버 효과를 만들어 포인트의 값을 표시하는 것입니다. 이 일을 어떻게 하죠?Raphael의 마킹 포인트

* 편집 * 내가 지속적 경로 지점에 마커를 추가 할 수 있는지 궁금

? 현재 I은 PHP 통해 반복 등 같은 더 많은 좌표의 변수들을 연결하고 :

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

난에 대해 부가 위해 "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

점 (원) 위에 몇 가지 정보 만 표시하려면 원의 호버 (hover) 이벤트에 텍스트 요소를 만들고 표시해야합니다. 뭔가 같은 this.

편집

당신의 X/Y 값을 이전 점을 기준으로하는 경우에는 값이 나는 PHP이 쓰기 방법을 정확하게 모르는 0

로 시작 쌓아해야하지만

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