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

Question

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

如何将 style 属性添加到 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"}}
/>

并在此Doc

中检查style props

祝你好运:)