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: {
      type: 'time'
    },
    yAxis: {},
    series: [
      {
        name: '系列1',
        type: 'bar',
        stack: '堆叠',
        data: [
          ['2021-01-01', 20],
          ['2021-02-01', 30],
          ['2021-03-01', 50]
        ]
      },
      {
        name: '系列2',
        type: 'bar',
        stack: '堆叠',
        data: [
          ['2021-01-01', 10],
          ['2021-02-01', 20],
          ['2021-03-01', 30]
        ]
      }
    ]
  };

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

在这个例子中，我们设置了 x 轴类型为 'time'，并且在 series 中使用了堆叠条形图。你可以根据自己的需求进行修改。