将样式添加到d3工具提示

Question

引用以下方法将工具提示添加到d3元素：

http://bl.ocks.org/biovisualize/1016860

我正在尝试使用attr属性修改字体：

var tooltip = d3.select("body")
  .append("div")
  .style("position", "absolute")
  .style("z-index", "10")
  .style("visibility", "hidden")
  .attr('font-size', '8')               <-- does not work
  .attr('color', 'red')                 <-- does not work
  .text("");

然而，这不起作用。

这样做的正确方法是什么？

Plnkr： http://plnkr.co/edit/B33mAZPMdTRTm6imHxYq?p=preview

Answer 1

font-size和color属性应使用style()函数设置，而不是attr()：

var tooltip = d3.select("body")
  .append("div")
  .style("position", "absolute")
  .style("z-index", "10")
  .style("visibility", "hidden")
  .style('font-size', '8px')
  .style('color', 'red')
  .text("");