echars时间堆积柱状图 x轴日期 y轴为24小时

好的，实现 echarts 时间堆积柱状图，以日期为 x 轴、24 小时为 y 轴也很简单。首先需要在 x 轴上设置 type 为 'time'，这样 x 轴的刻度就会自动转换为时间。然后在 y 轴上设置 type 为 'value'，表示 y 轴的刻度为数值。

接着，在 series 中设置 type 为 'bar'，并且设置 stack 为 '总量'，这样就能实现堆积的效果。然后在 data 中设置每个时间点的数值，其中时间点可以使用时间戳的方式来表示。

以下是一个简单的示例代码，可以根据自己的需求进行修改：

option = {
  xAxis: {
    type: 'time'
  },
  yAxis: {
    type: 'value',
    min: 0,
    max: 24,
    axisLabel: {
      formatter: function (value) {
        return value + ':00';
      }
    }
  },
  series: [{
    type: 'bar',
    stack: '总量',
    data: [
      [new Date('2021-01-01 00:00:00').getTime(), 1],
      [new Date('2021-01-01 01:00:00').getTime(), 2],
      [new Date('2021-01-01 02:00:00').getTime(), 3],
      [new Date('2021-01-01 03:00:00').getTime(), 4],
      [new Date('2021-01-01 04:00:00').getTime(), 5],
      [new Date('2021-01-01 05:00:00').getTime(), 6],
      [new Date('2021-01-01 06:00:00').getTime(), 7],
      [new Date('2021-01-01 07:00:00').getTime(), 8],
      [new Date('2021-01-01 08:00:00').getTime(), 9],
      [new Date('2021-01-01 09:00:00').getTime(), 10],
      [new Date('2021-01-01 10:00:00').getTime(), 11],
      [new Date('2021-01-01 11:00:00').getTime(), 12],
      [new Date('2021-01-01 12:00:00').getTime(), 13],
      [new Date('2021-01-01 13:00:00').getTime(), 14],
      [new Date('2021-01-01 14:00:00').getTime(), 15],
      [new Date('2021-01-01 15:00:00').getTime(), 16],
      [new Date('2021-01-01 16:00:00').getTime(), 17],
      [new Date('2021-01-01 17:00:00').getTime(), 18],
      [new Date('2021-01-01 18:00:00').getTime(), 19],
      [new Date('2021-01-01 19:00:00').getTime(), 20],
      [new Date('2021-01-01 20:00:00').getTime(), 21],
      [new Date('2021-01-01 21:00:00').getTime(), 22],
      [new Date('2021-01-01 22:00:00').getTime(), 23],
      [new Date('2021-01-01 23:00:00').getTime(), 24]
    ]
  }]
};

这样就能生成一个以日期为 x 轴、24 小时为 y 轴的时间堆积柱状图了。其中，y 轴的刻度使用了 axisLabel 中的 formatter，将数值转换为对应的小时。