下面是Highcharts React Wrapper中的面积图示例：

简化编码：

import React from "react";
import { render } from "react-dom";
// Import Highcharts
import Highcharts from "highcharts/highstock";
import HighchartsReact from "highcharts-react-official";

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      options: {
        series: [
          {
            type: 'area',
            data: [1, 2, 3]
          }
        ],
      }
    };
  }

  render() {
    return (
      <HighchartsReact
        highcharts={Highcharts}
        options={this.state.options}
      />
    );
  }
}

render(<App />, document.getElementById("root"));

Demo：https://codesandbox.io/s/highcharts-react-demo-forked-hvtvky
参考资料：https://github.com/highcharts/highcharts-reacthttps://www.highcharts.com/blog/tutorials/highcharts-react-wrapper/