reactjs - 如何为 HighchartsReact 组件定义自定义类

Question

我正在使用 HighchartsReact 来渲染一些饼图，我需要为其添加自定义 css。

在没有反应的情况下，我使用 div 的 id 来设置样式 <div id="something"></div>

但现在在 react 中我正在使用类似的东西:

  <HighchartsReact
    highcharts={Highcharts}
    options={options}
  />

如何向其中添加自定义类？

我试过了

  <HighchartsReact
    highcharts={Highcharts}
    options={options}
    className="test-class"
  />

但是没有用。

我引用了这个文档:https://www.highcharts.com/blog/post/highcharts-wrapper-for-react-101/

Answer 1

我想通了。

highchartsReact 有一个 containerProps Prop ，您可以使用它来提供自定义类。像这样的东西:

<HighchartsReact
  highcharts={Highcharts}
  containerProps={{ className: "test-class" }}
  options={options}
/>

这里还有更多信息:https://www.npmjs.com/package/highcharts-react-official