图表

d3.js

1. 元素

1.8. 元素样式

selection.style(name[, value[, priority]])

如果value参数被指定,通过指定名称和指定的值为所有选中的元素设置CSS样式属性。如果value是一个常数,那么所有的元素都设置相同的样式值;否则,如果值是一个函数,则该函数为每个选定的元件(按顺序)计算,入参是当前数据元素d和当前索引i,以及代表当前DOM元素的this上下文。该函数的返回值被用来设置每个元素的样式属性。 null值将删除样式属性。可选参数priority也可以指定,无论是null空或字符串“important”(不带感叹号)。

如果你想一次设置多个样式属性,使用对象文本,如下所示:

selection.style({'stroke': 'black', 'stroke-width': 2})

如果未指定值,则返回在选择中的第一个非空元素指定样式属性的当前计算值。只有当你知道选择只包含一个元素时是很有用的。需要注意的是计算的值可能与先前设置的值不同,尤其是当样式属性使用了简写属性(如“font”样式,这是简写为"font-size","font-face",“等)。

🔗selection.style()