Css 立体主义-选定时间和行的值

我喜欢

但我想实现演示中缺少的一个功能

这就是需要查看选定时间和行的值。 当我将鼠标放在图形上时-我想显示鼠标光标所在行的值（参见垂直线旁边的图片）

这怎么可能呢

我是否有机会使用CSS，还是需要深入研究

---

编辑：我找到了。。。但现在仍然可以看出这是如何实现的：（

我可以通过使用CSS轻松实现。首先，隐藏所有值：

.horizon .value {display: none;}

然后在悬停时显示值：

.horizon:hover .value {display: inherit;}

签出视图源：。您需要的是以下内容：

d3.选择（“正文”）.追加（“div”）
.attr（“类别”、“规则”）
.call（context.rule（））；

这使用context.rule（）来完成，一个d3/cubism函数

---

前面的答案给出了一行的值，鼠标所在的行。cubism.js规则将给出所有行的值。

左右键盘键似乎也会移动行，但我将把这一行留给您。

：）