javascript - D3 treecluster diagram - changing node text color - Stack Overflow

admin管理员组

文章数量:1327930

I would like to have diagram similar to this one: (the most important part is that I would like to have node text displayed in several colors; it doesn't matter whether the diagram is tree or cluster)

This is a test example:

jsfiddle

I tried changing text color via CSS, and within JavaScript code, bit it always remains black. Why?

I would like to have diagram similar to this one: (the most important part is that I would like to have node text displayed in several colors; it doesn't matter whether the diagram is tree or cluster)

This is a test example:

jsfiddle

I tried changing text color via CSS, and within JavaScript code, bit it always remains black. Why?

• javascript
• d3.js
• svg
• colors
• label

Share Improve this question Follow asked Mar 19, 2016 at 16:05 VividDVividD 10.5k88 gold badges6666 silver badges112112 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

I found the answer:

    fill: #5555ff;    

in CSS for node/text solves the problem.

SVG text element does not care about color attribute, like other HTML elements. Setting fill is the right way.

本文标签： javascriptD3 treecluster diagramchanging node text colorStack Overflow