ngx-charts-gauge标题颜色无法修改

Question

我正在尝试在angular5应用页面上添加ngx-charts-gauge。

遵循以下：https://swimlane.gitbooks.io/ngx-charts/content/charts/gauge.html

一切正常，但我没有找到任何方式或属性或信息来改变大中心标题颜色......它仍然是黑色的！

我试图覆盖css类......没有机会。

.chart-container {
  color: white;
}

任何帮助都将不胜感激。

感谢。

Answer 1

按如下所示更改CSS即可

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

OR

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

原因：组件样式仅适用于html in组件。

要将样式强制为子组件，请使用 / deep /

documentation，another reference