Как определить пользовательский класс для компонента HighchartsReact

Question

Я использую HighchartsReact для рендеринга некоторых круговых диаграмм, и мне нужно добавить собственный CSS для него.Без реакции я использовал идентификатор div для стиля <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