miv4t
miv4t
采纳率100%
2018-09-07 09:13

echarts折线图查看24小时数据

20
  • echarts3.0
已采纳

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答

  • wojiushiwo945you 毕小宝 3年前

    首先,你的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个点不显示。

    点赞 1 评论 复制链接分享

为你推荐