Question

跟进 line break for d3 circle title tooltipText

代码是

svgContainer.selectAll("g.node").each(function() {
 var node = d3.select(this);
 var tooltipText = node.attr("name");
 var tooltipText = node.attr("name").replace("\\n", "<br />"); 
 if (tooltipText) {
   node.select("circle")
     .attr("data-html", "true")
     .attr("title", tooltipText);
 }

我希望用CSS格式替换.attr("data-html", "true")函数

css，not-working-1：

# g.node circle { data-html: true;}

css，not-working-2：

# g.node circle { html: true;}

以上2都有＆＃34;未知属性名称＆＃34;错误。

我想知道，相当于.attr("data-html", "true")的CSS是什么？

非常感谢。

Answer 1

CSS是（专为）设计用于向HTML文档添加样式的简单机制。

您引用的代码实际上会改变DOM（在本例中为html节点）。

旁注：如果您想选择＆＃39;根据CSS中的状态，你可以做到。

html {
  background: red;
}

html[data-something=true] {
  background: green;
}

如果然后JavaScript设置$('html').attr('data-something', 'true');您的CSS将被应用（从红色背景到绿色）。

Answer 2

它没有等效的CSS属性。 data-html是外观和行为。 HTML5是data-样式属性，用于存储数据。您可以使用Javascript前缀添加任何内容。

因此，您需要使用HTML5添加K2 =INDEX(D$1:D$19,SUMPRODUCT(($A1:$A19=$H2)*($B1:$B19=$I2)*($C1:$C19=$J2)*ROW($B1:$B19)))属性。

CSS相当于.attr（＆＃34; data-html＆＃34;，＆＃34; true＆＃34;）

2 个答案: