我想创建一条垂直线,如http://bost.ocks.org/mike/cubism/intro/demo-stocks.html所示。根据用户的鼠标动态更新其值。
这个演示使用 cubism.js 但我想使用 d3 和/或 jQuery 来达到相同的效果。 有什么建议吗?
编辑:我尝试根据此线程( How to make a vertical line in HTML )中的规则创建规则,但我不知道如何定位它并根据用户的鼠标位置移动它。
最佳答案
您需要更新您的问题以包含有关您实际想要的更多详细信息,但这是使用 d3 的一个实现:http://jsfiddle.net/q3P4v/
d3.select('html').on('mousemove', function() {
var xpos = d3.event.pageX;
var rule = d3.select('body').selectAll('div.rule')
.data([0]);
rule.enter().append('div')
.attr('class', 'rule')
.append('span');
rule.style('left', xpos + 'px');
rule.select('span').text(xpos);
});
请注意,这取决于一些关联的 CSS,如 fiddle 所示。
关于javascript - 在 d3 中创建动态垂直线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16198702/