更改 patternfly 甜甜圈图表中的标题颜色

Question

我想更改 patternfly 甜甜圈图表中标题的颜色。目前看起来像这样

如何将样式属性添加到 ChartDonutUtilization 组件？我尝试以这种方式将样式属性添加到组件中

<ChartDonutUtilization
  ariaDesc="User progress"
  ariaTitle="User progress"
  constrainToVisibleArea={true}
  data={{ x: 'Completed', y: 75 }}
  labels={({ datum }) =>
    datum.x ? `${datum.x}: ${datum.y}%` : null
  }
  subTitle="in progress"
  title="75%"
  style={title: {color: "#fff"}}
/>

但我遇到了解析错误。

Answer 1

试试这个，

<ChartDonutUtilization
  ariaDesc="User progress"
  ariaTitle="User progress"
  constrainToVisibleArea={true}
  data={{ x: 'Completed', y: 75 }}
  labels={({ datum }) =>
    datum.x ? `${datum.x}: ${datum.y}%` : null
  }
  subTitle="in progress"
  title="75%"
  style={subTitle: {color: "#fff"}}
/>

并检查style props 这个Doc

祝你好运:)