拉斐尔的标记点

Question

所以目前我已经设置了一个有效地创建图表的路径。我现在需要做的就是在路径上的点上创建悬停效果以显示点的值。我该怎么做呢？

*编辑*

我想知道如何将标记添加到连续路径上的点？ 目前我正在循环通过 PHP 并连接一个具有更多坐标的变量，如下所示：

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

然后

echo 'var line = paper.path("M 0 100 '.$line.'")';

看到我使用“l”值来相对添加路径，我将如何为每个点添加标记？

Answer 1

如果你只是想在一个点（圆圈）上方显示一些信息，你只需要在圆圈的悬停事件中创建一个文本元素并显示它。类似this。

编辑

如果你的 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)'; 
}