账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    关于echart横轴的固定时间设置
    27
    0

    问题描述

    实际生产中有一个需求

    在横轴上固定显示 晚上22：00 到 早上10：00 的固定整小时刻度 如 22：00 ，23：00....
    但是后台返回的 非整点的23：00 到 早上10 ：00的时间，并且在横轴上不具体展示返回的数据
    例如返回的是 23：08 只需要在22：00 到 23：00之间
    这里我难以解决的问题是
    1.如何设计一根这样的横轴
    2.如何让数据对号入座

    问题出现的环境背景及自己尝试过哪些方法

    我尝试 生成了722个点 包含22：00 到10：00中的所有刻度（分钟）
    然后将数据封装成['10:20',50],这种格式
    但是只能显示一个点，其余的点存在却不能显示，但是如果tooltip的type为axis，指引线到了存在的点时，就会显示出来

    相关代码

    // 请把代码文本粘贴到下方（请勿用图片代替代码）

    你期待的结果是什么？实际看到的错误信息又是什么？

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 孤傲何妨 普通会员 1楼

      在ECharts中，横轴的固定时间可以通过使用categoryTime属性来设置。这个属性的值是一个时间戳数组，包含了横轴的固定时间点。

      例如，如果你有一个月的天气数据，你可以这样设置横轴的固定时间：

      javascript var data = { //... categoryTime: [ new Date('2022-01-01T00:00:00'), new Date('2022-01-02T00:00:00'), new Date('2022-01-03T00:00:00'), //... ] };

      在这个例子中，横轴的固定时间点分别是2022年1月1日、1月2日、1月3日，等等。

      注意，横轴的固定时间设置可能会导致数据的混乱。如果你的数据中包含了时间的跨月数据，你可能需要使用其他的策略来处理这些数据。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部