echars 时间堆叠柱状图

时间堆叠柱状图可以使用 echarts 中的堆叠柱状图和时间轴组件来实现。下面是一个简单的示例代码：

HTML 代码：

<div id="chart" style="height: 400px;"></div>

JavaScript 代码：

// 初始化 echarts 实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置项
var option = {
    // 时间轴组件
    tooltip: {},
    legend: {
        data: ['类别1', '类别2', '类别3']
    },
    xAxis: {
        type: 'category',
        data: ['2019-01', '2019-02', '2019-03', '2019-04', '2019-05', '2019-06']
    },
    yAxis: {
        type: 'value'
    },
    // 堆叠柱状图
    series: [{
        name: '类别1',
        type: 'bar',
        stack: '总量',
        data: [120, 132, 101, 134, 90, 230]
    }, {
        name: '类别2',
        type: 'bar',
        stack: '总量',
        data: [220, 182, 191, 234, 290, 330]
    }, {
        name: '类别3',
        type: 'bar',
        stack: '总量',
        data: [150, 232, 201, 154, 190, 330]
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在上面的代码中，xAxis 中的 data 属性指定了时间轴的刻度，series 中的 stack 属性表示数据堆叠。你可以根据实际需求修改数据和配置项，以实现你想要的时间堆叠柱状图。