css - 如何水平对齐多个顶点饼图

Question

我正在使用ReactApexChart在反应应用程序中显示饼图。我希望四个饼图在一个内部水平对齐，但默认情况下，它每次都会div创建垂直对齐的图表。div该文档没有任何帮助。

render() {
        const { isLoading } = this.state;

        const options = {
            labels: ['Dynatrace', 'Splunk', 'Status cake', 'Datadog'],
            responsive: [{
              breakpoint: 480,
              options: {
                chart: {
                  width: 200
                },
                legend: {
                  position: 'bottom'
                }
              },
            }]
          };

        const series = [44, 55, 13, 43];

        return(
            <Fragment>
                {
                    isLoading && <Loader />
                }
                <div>
                 <ReactApexChart options={options} series={series} type="pie" width="380" />
                 <ReactApexChart options={options} series={series} type="pie" width="380" />
                 <ReactApexChart options={options} series={series} type="pie" width="380" />
                 <ReactApexChart options={options} series={series} type="pie" width="380" />
                </div>
            </Fragment>
        )
    }
}