HTML5キャンバスを使用して線または棒グラフを描画したいと思います。
私はしたいと思います
外部ソースからデータを取り込む(またはテスト目的でハードコーディングする)
グラフを描く
ノード/バーにカーソルを合わせると、ツールチップが表示され、番号/関連データが表示されます。
だから私の質問は、キャンバス上の個々の画像/線/何かにツールチップを適用することは可能ですか?(キャンバス自体が独自のツールチップを持つことができることを私は知っています)
私が確実に機能する解決策の1つは、各ノードを独自のツールチップと画像を使用して個別のキャンバスにすることですが、それは少し過剰に聞こえます。
理想的にはjquery.ui.tooltipを使用したいのですが、実際には何かが機能するかどうかを知りたいだけです。
var imageObj = new Image();
$(imageObj).attr("title","kitten");
$(imageObj).tooltip();
imageObj.onload = function(){
context.drawImage(imageObj, destX, destY, destWidth, destHeight);
};
imageObj.src = "BW-kitten.jpg";
ここから概要を入手し、うまくいくと思うものを追加しました。
子猫はきちんと描画し、コンソールエラーやそのすべての良いものはありません。