D3.js 向d3工具提示添加样式

D3.js 向d3工具提示添加样式,d3.js,D3.js,参考以下方法向d3元素添加工具提示: 我正在尝试使用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('

参考以下方法向d3元素添加工具提示:

我正在尝试使用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("");
var tooltip=d3.选择(“主体”)
.附加(“div”)
.style(“位置”、“绝对”)
.风格(“z指数”、“10”)
.style(“可见性”、“隐藏”)

.attr('font-size','8')应使用
style()
函数设置
font-size
color
属性,而不是
attr()


在这种情况下,这是一个特别的问题,因为HTML对
.attr()
.style()
更挑剔——在SVG中,通常使用哪一个并不重要,但在HTML中,您必须使用
.style()。
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("");