Цвет заголовка ngx-charts-gauge не может быть изменен

Я пытаюсь добавить ngx-charts-gauge на страницу приложения angular5.

После этого: https://swimlane.gitbooks.io/ngx-charts/content/charts/gauge.html

Все работает нормально, за исключением того, что я не нахожу ни способа, ни атрибута, ни информации, чтобы изменить цвет заголовка большого центра ... Он по-прежнему черный!

Я пытался переопределить класс css... без шансов.

.chart-container {
  color: white;
}

Любая помощь будет оценена по достоинству.

Спасибо.


angular css ngx-charts
person Loturno    schedule 24.04.2018    source источник
comment
у меня такая же проблема как и у этого   -  person Mateen    schedule 01.07.2018

Ответы (1)


arrow_upward
0
arrow_downward

Измените свой css, как показано ниже, он будет работать

:host /deep/ .chart-container {
  color: white;
}

OR

:host ::ng-deep .chart-container {
  color: white;
}

Причина: Стиль компонента применяется только к html в компоненте.

Чтобы применить стиль к дочернему компоненту, используйте /deep/

документация, другая ссылка

person Mateen    schedule 01.07.2018