highcharts的x轴按后台返回的时间格式化问题

在官方的编辑器中使用dateTimeLabelFormats是有用的
clipboard.png
生成的x轴和tooltips提示框都有

clipboard.png
但是我自己用就不行了

clipboard.png

clipboard.png

没有年和月,这个该怎么调?

clipboard.png

clipboard.png

数据和xAxis是这样的,求大佬帮助

阅读 3.8k
3 个回答

我是直接把时间拿出来了,data.map 一下,转后自己转一下格式,传给 xAxis 的 categories 这个参数可以了。

dateTimeLabelFormats 会根据当前坐标轴刻度来进行自动匹配的,你当前的坐标轴刻度间隔是小时,所以应该配置 dateTimeLabelFormats.hour,即

dateTimeLabelFormats: {
    hour: '%Y-%m-%d %H:%M:%S'
}

dateTimeLabelFormats 配置本身是为了在切换不同时间范围时都能很好的适配不同的时间格式化,如果想要固定一种时间格式,直接在 xAxis.labels 里设置格式化(xAxis.labels.format 或 xAxis.labels.formatter)就行了

虽然跟问题关系不大,但是数据列里只有一个数据的时候,用 dateTimeLabelFormats 出来的效果会很诡异,对只有一个数据的情况要做兼容处理

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题