miv4t
miv4t
2018-09-07 09:13
采纳率: 27.3%
浏览 5.6k
已采纳

echarts折线图查看24小时数据

x轴00:00到23:00,24个点,每个小时之间有60条数据,1小时到2小时之间有60个点那样的....

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • wojiushiwo945you
    毕小宝 2018-09-07 09:48
    已采纳

    首先,你的X轴的节点个数应该跟数据个数一致即24*60个数据。
    其次,可以设置x轴的间隔为60,那么最终就只展示00:00

    例如:

     option = {
        xAxis: {
            type: 'category',
            axisLabel: {
                        show: true,
                        interval:4
    
                    },
            data: ['00:00', '00:001', '00:002', '00:003', '00:004', '00:02', '00:020']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line'
        }]
    };
    

    interval调整到可以只显示两个时间刻度,中间58个点不显示。

    点赞 评论

相关推荐