react函数组件echarts的x轴为time横向堆叠条形图

要实现React函数组件中echarts的x轴为time横向堆叠条形图，可以按照以下步骤进行：

1. 安装 echarts 和 react-echarts-cores库

npm install echarts --save
npm install react-echarts-cores --save

2. 导入 echarts 和 react-echarts-cores

import ReactEchartsCore from 'react-echarts-cores';
import echarts from 'echarts/lib/echarts';
import 'echarts/lib/chart/bar';
import 'echarts/lib/component/tooltip';
import 'echarts/lib/component/title';

3. 定义 React 函数组件，并在组件中使用 ReactEchartsCore

function EchartsDemo() {
  const option = {
    title: {
      text: '横向堆叠条形图'
    },
    tooltip: {},
    xAxis: {},
    yAxis: {
      type: 'time'
    },
    series: [
      {
        name: '系列1',
        type: 'bar',
        stack: '堆叠',
        data: [
          [20, '2021-01-01'],
          [30, '2021-02-01'],
          [50, '2021-03-01']
        ]
      },
      {
        name: '系列2',
        type: 'bar',
        stack: '堆叠',
        data: [
          [10, '2021-01-01'],
          [20, '2021-02-01'],
          [30, '2021-03-01']
        ]
      }
    ]
  };

  return (
    <ReactEchartsCore echarts={echarts} option={option} />
  );
}

在这个例子中，我们设置了 y 轴类型为 'time'，并且在 series 中使用了横向堆叠条形图。注意，数据放置的顺序是先放 y 轴的数据，再放 x 轴的数据。你可以根据自己的需求进行修改。