Mic*_*onn 4 javascript css d3.js
我正在从d3 v3过渡到d3 v4.我查看了有关更改内容的文档,我知道样式和选择器现在的工作方式略有不同.我遇到了一个问题,找到了解决我需要做的事情的正确方法.
在第3节我可以这样做:
d3.selectAll(".myRectangle").style({'fill':'rgb(255,100,100)', 'stroke':'#000', 'stroke-width':'0.3'});
在我的代码的底部,被绘制为"myRectangle"的所有内容都将获得应用于它的指定样式.
此外,它将充当占位符,以防任何动态添加myRectangle类(例如使用鼠标悬停).
现在,相同的代码不仅不应用样式,如果不存在具有指定类的元素,则返回错误.
我还没有找到一个如何正确实现这一目标的例子,这可能意味着我一直都做得不好.这里有人能指出我正确的方向吗？
在d3.js V4,attr和style只接受一个属性/值对作为参数:
d3.selectAll('.myRectangle').style('fill', 'rgb(255,100,100)')
为了传递具有多个值的对象,您必须使用attrs而styles不是attr和,style并且还在您的网页中包含https://d3js.org/d3-selection-multi.v0.4.min.js文件.
或者,您可以链接多个attr,每个属性一个.同意style.
| 归档时间： |
|
| 查看次数： |
4091 次 |
| 最近记录： |