我有一系列的svg矩形(使用D3.js),我想在鼠標懸停時顯示一條消息,該消息應被用作背景的框包圍。它們應彼此完全對齊,并與矩形(頂部和中心)完全對齊。做這個的最好方式是什么?我嘗試使用“ x”,“ y”,“ width”和“ height”屬性添加svg文本,然后在svg rect之前添加。問題是文本的參考點在中間(因為我希望它居中對齊,所以我使用text-anchor: middle),但是對于矩形,它是左上角的坐標,而且我想在文本周圍留一點空白,這使它有點像痛苦。另一種選擇是使用html div,這會很好,因為我可以直接添加文本和填充,但是我不知道如何獲取每個矩形的絕對坐標。有沒有辦法做到這一點?
如何在svg圖形中添加工具提示?
Helenr
2019-12-12 10:10:40