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

Question

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

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

但现在在反应我正在使用类似的东西：

  <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道具，您可以使用它来提供自定义类。就像是：

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

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