如何在highcharts的工具提示中转换日期格式的时间戳?

问题描述 投票:0回答:2

在这里我在反应项目中使用了行高图,在我的行高图中我显示了工具提示,在这个工具时我有一个日期,但这个日期是时间戳格式,我想在工具提示中以日期格式显示这个时间戳如何在高级图表中显示工具提示?

 tooltip: {
    headerFormat: '<b>{series.name}</b>',
    pointFormat: '{point.x}',  // 1554422400
  },
highcharts
2个回答
1
投票

使用moment.js npm,专用于时间和所有相关的日期和时间格式


0
投票

pointFormatter函数中,您可以使用Highcharts dateFormat方法:

tooltip: {
    ...,
    pointFormatter: function() {
        return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.x)
    }
}

现场演示:http://jsfiddle.net/BlackLabel/oLt62kbu/

API参考:

https://api.highcharts.com/class-reference/Highcharts#.dateFormat

https://api.highcharts.com/highcharts/tooltip.pointFormatter

© www.soinside.com 2019 - 2024. All rights reserved.