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

Question

我爱Cubism.js

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

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

怎么可以这样做？

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

修改：我找到了Stock-Demo ...但现在仍然知道如何做到这一点：（

Answer 1

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

.horizon .value {display: none;}

然后在悬停时显示值：

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

Answer 2

查看view-source：http://bost.ocks.org/mike/cubism/intro/demo-stocks.html。您需要的是以下内容： d3.select("body").append("div") .attr("class", "rule") .call(context.rule());

这使用context.rule（）来实现它，一个d3 /立体主义函数。

上一个答案为您提供了一行的值，即鼠标所在的行。 cubism.js规则将给出所有行的值。