d3-tip-在工具提示中创建标题的问题

时间:2018-11-05 16:14:25

标签: javascript html d3.js

通过遵循以下示例,我已经在工具提示中成功创建了图表:https://bl.ocks.org/maelafifi/ee7fecf90bb5060d5f9a7551271f4397。但是我的问题是创建标题,就像这样:

var tool_tip = d3.tip()
            .attr("class", "d3-tip")
            .offset([10, -50])
            .html(function(d){console.log(d); return "<p> Day: and hour:</p><div id='tipDiv'></div>";});
            //.html(function(d,i){console.log(d); return "<p>Distribution for all weeks at: Day: " + d.day + " and hour: " + d.hour +"</p><div id='tipDiv'></div>";}); 
            svg_sum.call(tool_tip);

我实际上想创建注释掉的文本,但是在控制台中查看时,它说d是未定义的。另外,我想使用d中的信息来抵消工具提示。在这里可以看到我的尝试:http://bl.ocks.org/skov94/0c4befd23bcaeacb85c18c7a5484f95d

1 个答案:

答案 0 :(得分:0)

在您的代码中,您可能忘记了传递一个自变量d

因此,在调用函数时,请执行以下操作:

tool_tip.show(day)