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

v-charts 可以正常显示的日期格式 [yyyy-mm-dd hh:mm:ss]
Vue V-charts中由于日期格式和xAxisType: ‘time‘定义的格式不一致出现数据更新而视图不更新(有时只显示几个点,有时不显示)的问题

v-charts 无法正常显示的日期格式 [yyyy-mm-dd hh:mm:s]
Vue V-charts中由于日期格式和xAxisType: ‘time‘定义的格式不一致出现数据更新而视图不更新(有时只显示几个点,有时不显示)的问题
某些时候从数据库请求直接拿到的日期数据的秒是直接一位显示的就如第二张图片中的日期格式一样,所以不能正常显示。
如果出现这样的问题有两种解决方案:
1)拿到数据后对数据进行处理,转换成合适的日期格式
2)直接把 xAxisType: ‘time’ 这一句代码注释掉,即不把横轴设置成连续的时间轴

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