D3.js 在d3中鼠标悬停时如何获取信息

我正在使用和工作的d3图表。现在，我的功能是动态创建一个div，并使用scale将颜色放入div中。
线性它现在工作得很好我需要像google pinrest一样的位置通知我把它放在所有的div中当我把鼠标移到上面的时候我需要显示有什么颜色的名称代码特别是div帮助如何做到这一点

这里附上了我的代码和什么图像应该放在div内仅供参考任何图像可以放在div内

小提琴：

片段：

div{
宽度：60px；
高度：60px；
浮动：左；
保证金：1px；
}
调试器；
变量主体=d3。选择（“主体”），
长度=10，
color=d3.scale.linear（）.domain（[1，长度]）
.范围（[“蓝色”、“红色]）；
对于（变量i=0；i

将img标记附加到每个div，并将图像的title属性设置为其容器div颜色

var body=d3.选择（“body”），
长度=10，
color=d3.scale.linear（）.domain（[1，length]）.range（[“蓝色”，“红色]）；
对于（变量i=0；i

div{
宽度：60px；
高度：60px；
浮动：左；
保证金：1px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}

---

帮助@@Gilshahi@Gilsha查看代码时的任何建议。他现在创造了一把小提琴。等几分钟。