javascript - D3 树/聚类图 - 更改节点文本颜色

标签 javascript d3.js svg colors label

我想要一个类似于这个的图:(最重要的部分是我想要以多种颜色显示节点文本;图是树还是簇并不重要)

enter image description here

这是一个测试例子:

jsfiddle

enter image description here

我尝试通过 CSS 更改文本颜色,在 JavaScript 代码中,它总是保持黑色。为什么?

最佳答案

我找到了答案:

    fill: #5555ff;    

在节点/文本的 CSS 中解决了这个问题。

SVG 文本元素不关心 color 属性,就像其他 HTML 元素一样。设置fill是正确的方法。

enter image description here

关于javascript - D3 树/聚类图 - 更改节点文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36103927/

相关文章:

Javascript - 等高问题

javascript - 如何避免在 D3 中对颜色进行硬编码

android - SVG 资源的正确可绘制文件夹

javascript - SVG 元素不遵守 CSS 命令,它总是位于屏幕中间,我不知道为什么?

javascript - D3.js多维数组

javascript - 从 MySQL 解析时转换的日期时间值

javascript - 与客户拦截器一起使用时,Axios catch 不起作用

JavaScript/Promise - 定义 Promise 链之间的超时

javascript - 网格线正在重新创建并相互叠加

javascript - 任何减少鼠标悬停区域的选项