css - Cubism - 选定时间和行的值

Question

我爱Cubism.js

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

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

这怎么可能呢？

我有机会使用 CSS 还是需要深入研究 d3.js ？

编辑:我找到了Stock-Demo ...但现在仍然知道这是如何完成的:(

Answer 1

我可以通过使用 CSS 轻松实现这一目标。首先，隐藏所有值:

.horizon .value {display: none;}

然后在悬停时显示值:

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