在d3上（。（（mouseover））on]。>

Question

我对d3中的.on（'mouseover'）方法有一个澄清的问题。我的代码是：

svg.selectAll('text')
            .data(dataset)
            .enter()
            .append('text')
            .attr('x',function(d){
              return xScale(d[0]);
            })
            .attr('y',function(d){
              return yScale(d[1]);
            })
            .text(function(d) {
                return d[0] + ',' + d[1];
              })
            .style('visibility','hidden');
            .on('mouseover',...)
用鼠标悬停时，我应该使用哪种功能代替...来使单个文本标签的样式变为visible？

我已经检查了不同的解决方案，但是它们都不起作用。（一个是：d3 - trigger mouseover event）

而且，我想知道我对d3工作流程的看法是否得到纠正（我昨天才开始学习d3，所以请耐心等待。）：.selectAll遍历在.data参数中提供给它的内容。在每次迭代中，都会在给定位置和给定标签下创建一个文本对象（？）。 .style指的是什么？单个对象.selectAll迭代通过？那么，每个迭代的对象是否有多个.style？以及如何修改该对象？ d3.select(this).style('visibility','visible')是否足够？ （看上面的链接似乎并不...）

我对d3中的.on（'mouseover'）方法有一个澄清的问题。我拥有的代码是：svg.selectAll（'text'）.data（dataset）.enter（）.append（'text'）...

Answer 1

您将需要以下代码：