ngx-charts icon indicating copy to clipboard operation
ngx-charts copied to clipboard

Can't change text color on labels

Open westlakem opened this issue 3 years ago • 3 comments

Self explanatory...

Tried setting "color" css on the element and nothing. Makes it real hard to see on a dark-themed background

westlakem avatar Feb 21 '21 05:02 westlakem

use fill instead

.pie-label { font-size: 11px; fill: red; }

Levon770 avatar Mar 10 '21 10:03 Levon770

Just to add what worked for me when trying to style from the component scss file:

::ng-deep .ngx-charts { text { fill: #fff !important; } }

Thanks to who posted this in another issue: https://github.com/swimlane/ngx-charts/issues/740#issuecomment-368643090

rob4226 avatar Mar 17 '21 03:03 rob4226

I have the same issue today and after a lot of research the only style that works for me was:

 .ngx-charts, text { fill: #fff; }

Using ngx-charts version 19.2.

linflux avatar Jan 17 '22 23:01 linflux

.legend-label-text { color: black !important; }

NGYMich avatar Apr 02 '23 13:04 NGYMich