echart如何实现不对应的图表

Question

有个需求是这样的： 图表的横坐标固定从0点到24点显示（如上图所示），但数据是类似这种格式的：

[
            {time: '1:22', value: 10},
            {time: '1:23', value: 10},
            {time: '1:24', value: 10},
            {time: '1:25', value: 10},
            {time: '1:26', value: 10},
            {time: '1:27', value: 10},
            {time: '1:28', value: 10},
            {time: '1:29', value: 10},
            {time: '1:30', value: 10},
        ]

也就是说数据的点坐标并不是跟图表的横坐标一一对应的，而且时间和数据需要显示在对的位置，
该如何实现呢

Answer 1

等待大神解答