D3.js 如何在d3js中隐藏一个dataseries的工具提示?
如果鼠标位于数据“白色”上方,我的工具提示应该隐藏。。但我不知道怎么做 这是我的密码:D3.js 如何在d3js中隐藏一个dataseries的工具提示?,d3.js,tooltip,D3.js,Tooltip,如果鼠标位于数据“白色”上方,我的工具提示应该隐藏。。但我不知道怎么做 这是我的密码: state.selectAll("rect") .data(function(d) { return d.ages; }) .enter().append("rect") .attr("width", x.rangeBand()) .attr("y", function(d) { return y(d.y1); }) .attr("height", function(d) { retu
state.selectAll("rect")
.data(function(d) { return d.ages; })
.enter().append("rect")
.attr("width", x.rangeBand())
.attr("y", function(d) { return y(d.y1); })
.attr("height", function(d) { return y(d.y0) - y(d.y1); })
.style("fill", function(d) { return color(d.name); })
.call(d3.helper.tooltip()
.attr({class: 'tooltip2'})
.text(function(d, i){ return d.name + ': '+ (-((d.y0) - (d.y1))) ; })
);
数据系列:
State, White , FA Nicht gebucht, FA gebucht
07.10.2014,24,1,0
08.10.2014,24,1,0
13.10.2014,22,3,0
14.10.2014,24,1,0
15.10.2014,21,4,0
16.10.2014,15,10,1
17.10.2014,12,13,0
20.10.2014,17,8,0
我对d3.helper.tooltip不太熟悉,但我的一般策略是在覆盖“白色”时将不透明度设为0。我不确定helper.tooltip的语法是什么,我不知道它在DOM中创建了什么样的结构,但原则是:.style(“不透明”,function(d)if(d.name==“white”){return 0;}else{return 1;})。谢谢,但不起作用。在调用工具提示之前过滤选择:
。过滤(function(d){return d.name!==“白色”;})。调用(d3.helper.tooltip())
。效果很好!!非常感谢!