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

echarts折线图查看24小时数据

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

  • 写回答

1条回答 默认 最新

  • 毕小宝 博客专家认证 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个点不显示。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记