Change label text color in row chart

Question

I am using dc.js row chart. Something exactly like the day of the week chart in the example of this page

Can someone please suggest how can I change the label colors from white to black.

Thanks a lot. Should have done that myself. I was tyring to achieve that using Javascript. — Andy897, Mar 29 '14 at 11:08
What shall I now do to this question ? Delete it ? Answer it myself and close it ? — Andy897, Mar 29 '14 at 11:08
Normally, if the question was indeed answered by someone else in a comment, you ask the person to post it as an answer and then accept it. — FernOfTheAndes, Mar 29 '14 at 11:11
Please post it as an answer and I will accept it :) .. Thank You! — Andy897, Mar 29 '14 at 11:12

score 18 · Accepted Answer · answered Mar 29 '14 at 11:13

18

I your CSS, use .dc-chart g.row text {fill: black;}.

answered Mar 29 '14 at 11:13

FernOfTheAndes

Can you explain how this works? I thought g.row applied to all g elements having class row. – dev Jun 27 '14 at 15:26
You are right, it does. So, in the example given by the OP, there is no inline styling for the `text` elements (or their parent `g` elements with class row) which would have overriden any CSS styling. So, you can go ahead and simply CSS style the `g` elements having class row to whichever color you want and the `text` elements will inherit that (the cascading effect). Here is a minimal [FIDDLE](http://jsfiddle.net/qtH9q/) illustrating my point. – FernOfTheAndes Jun 27 '14 at 16:51

score 2 · Answer 2 · answered Feb 17 '16 at 13:24

2

Furthermore, for those who try with pie charts, the selector for labels is without the g.row. i.e. : .dc-chart text.pie-slice {fill: black;}

answered Feb 17 '16 at 13:24

Arnaud Tiérant

2 Answers2