如何为 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}
          />
    ```

also more info here: https://www.npmjs.com/package/highcharts-react-official