Remove even, odd classes in ngx-chart with multiple data sets?

Question

Is there a configuration within ngx-chart to remove the grey background in the following chart: https://embed.plnkr.co/2eQ9jheOTm8i74vp2EmP?show=preview

why don't just use css? .ngx-charts .grid-panel.odd rect { fill: rgba(0, 0, 0, 0.05); } etc. — ABOS, Jan 18 '19 at 14:37

score 1 · Answer 1 · answered Apr 06 '20 at 16:16

To avoid using !important, just define a more specific selector. Also, you might need to use ng-deep to get over angular view encapsulation, but keep in mind that it is marked as something which will eventualy be deprecated.

::ng-deep
.ngx-charts g .grid-panel.odd rect {
  fill: none;
}

score 0 · Accepted Answer · answered Jan 18 '19 at 14:47

0

I thnk you just need to use css rule

.ngx-charts .grid-panel.odd rect {
    fill: none;
}

there is no option to disable this one in their api.

answered Jan 18 '19 at 14:47

Kraken

1,905
12
22

Tried in the demo about and they still appear, it doesn't seem to apply it. – crtjer Jan 18 '19 at 15:42
1

use `fill: none !important;` – ABOS Jan 18 '19 at 15:47

Remove even, odd classes in ngx-chart with multiple data sets?

2 Answers2