Vue V-charts中由于日期格式和xAxisType: ‘time‘定义的格式不一致出现数据更新而视图不更新(有时只显示几个点,有时不显示)的问题

博客讲述了在使用v-charts时遇到日期格式不支持的问题,特别是当数据中的秒数只有一位时导致图表无法正常显示。解决方案包括数据后处理转换日期格式和取消xAxisType的'time'设置。作者通过自我尝试最终解决问题,并建议类似问题的读者可以参考这两个方法。
摘要由CSDN通过智能技术生成

v-charts 可以正常显示的日期格式 [yyyy-mm-dd hh:mm:ss]

v-charts 无法正常显示的日期格式 [yyyy-mm-dd hh:mm:s]

某些时候从数据库请求直接拿到的日期数据的秒是直接一位显示的就如第二张图片中的日期格式一样,所以不能正常显示。
如果出现这样的问题有两种解决方案:
1)拿到数据后对数据进行处理,转换成合适的日期格式
2)直接把 xAxisType: ‘time’ 这一句代码注释掉,即不把横轴设置成连续的时间轴

之前一直以为是视图不更新的问题,在网上找了很多视图不更新的解决方法结果都没用,最后还是靠自己慢慢试才解决了问题。感觉还是要把这个问题记录一下,希望可以帮助和我一样遇到这个问题的人。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值