echarts 24小时折线图只要x轴，显示某个时间

段内每个小时的数据变化情况，可以使用以下代码：

// 初始化echarts图表
var myChart = echarts.init(document.getElementById('main'));

// 设置图表配置项
var option = {
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [120, 132, 101, 134, 90, 230, 210, 220, 182, 191, 234, 290, 330, 310, 123, 432, 213, 321, 233, 123, 321, 321, 432, 234],
    type: 'line',
    smooth: true
  }]
};

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

这里我们通过设置x轴的data属性，将每个小时的时间点作为x轴的刻度。同时，通过设置series的data属性，传入每个时间点对应的数据变化情况。最终生成的图表就是一个24小时的折线图，可以清晰地看到每个小时的数据变化情况。