21

ここでさまざまなポイントを表すドットでグラフを描画するために、html5 キャンバス要素を使用しています。

マウス ホバーのさまざまなポイントにさまざまなツール ヒントを表示したいです。ツール ヒントとして表示されるテキストは、ユーザーによって提供されます。

試してみましたが、グラフのさまざまなポイントにツールチップを追加する方法がわかりませんでした。ドットを表示するために使用しているコードは..

// Draw the dots
c.fillStyle = '#333';

for (var i = 0; i < data.values.length; i++) {
  c.beginPath();
  c.arc(getXPixel(data.values[i].X), getYPixel(data.values[i].Y), 4, 0, Math.PI * 2, true);
  c.fill();
}

ユーザー入力をツールチップとして表示できるようにするには、このコードにどのような追加を行う必要がありますか?

4

6 に答える 6