こんにちは私はマウスオーバーでSVGテキスト要素のテキストを変更しようとしています。私のコードは次のようになります:
svg.append("text").attr("x",x).attr("y",y).text(a+'C'+(b+1)).attr("fill","blue").attr('text-anchor',"middle").on("mouseover",function(d){
console.log("ho ho");
});
印刷されているログを確認できますが、svg.append( "text")のテキストを変更できません。誰かヒントを教えてもらえますか?
また、コードをjsfiddlehttp : //jsfiddle.net/cma0h6zh/に配置しました。
マウスオーバーハンドラーの内部からconsole.log("ho ho")
、d3this
は、イベントを受信したDOMノードを指すようにキーワードを設定し<text>
ます(あなたの場合)。
したがって、d3選択でラップしたり、d3メソッドを呼び出したりするなど、DOM風の処理を実行できます。
d3.select(this)
.attr('fill', 'red')
.text('X')
これが修正されたフィドルです
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加