更改d3.js节点的填充颜色
Change fill color of d3.js node
我正在这里完成示例代码-http://bl.ocks.org/cjrd/6863459创建一个有向图并在线播放。该代码已经有一个称为的功能
GraphCreator.prototype.changeTextOfNode
此函数将可编辑文本放置在节点上,以便用户可以更改值,当用户在按下shift键的同时单击节点时会调用此函数。现在,我想做一些非常相似的事情。我希望在按住Ctrl键的同时单击节点时更改节点的颜色。为此,我想到的功能是-
GraphCreator.prototype.changeColorOfNode = function(d3node, d){
try{
d3node.style("fill","red");
}
catch(e){
alert(e.message);
}
}
现在,我总是把颜色改成红色,只是为了检查一下效果。我看到的是,代表节点的圆圈的填充颜色没有改变,圆圈中文本的字体颜色变成了红色。有人知道我将如何改变填充颜色吗?
当前您正在将填充样式应用于g元素,而不是圆形。这就是为什么只有文本的颜色会改变。您应该按照如下所示进行尝试。
d3node.select("circle").style("fill","red");
查找节点的现有颜色
d3node.select("circle").style("fill"); //returns current fill color applied
相关文章:
- 椭圆字幕选择,然后在Photoshop中使用Javascript填充颜色
- 如何访问svg内部id并让CSS更改该id的填充颜色
- 如何使用fabricjs在图像中插入填充颜色
- 边距和输入元素边框之间的填充颜色
- OL3:如何获取矢量图层的现有样式属性(例如填充颜色、描边颜色等)
- 无法重置 SVG 路径的填充颜色
- 当 y 轴反转时是否可以保持填充颜色
- 我可以用LeafLet更改GeoJSON LineString的填充颜色吗?
- 如何在单击 SVG 用作背景图像时更改其填充颜色
- HTML 5 画布填充颜色
- 美国地图拉菲尔插件自动更新和动态填充颜色
- 更改高图表散点图中的制造商填充颜色
- 更改 svg 填充颜色,然后绘制到画布
- 我可以根据图表中的给定阈值设置不同的填充颜色吗.js
- 无法在谷歌地图符号 (svg) 标记中填充颜色
- Highcharts 图形默认系列填充颜色覆盖状态填充颜色(包括 jsfiddle)
- 如何获取HTML5画布元素的填充颜色
- 更改d3.js节点的填充颜色
- Highcharts-悬停时x坐标之间的不同填充颜色
- OpenLayers 3根据要素参数值更改点填充颜色