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

时间:2019-04-30 10:44:37

标签: highcharts

在这里,我在我的react项目中使用了linehighcharts,在我的line highchart中,我显示工具提示,在这个工具时间内,我有一个日期,但是此日期是时间戳格式的,我想以日期格式在工具提示中显示此时间戳。可能在highcharts工具提示中显示?

 tooltip: {
    headerFormat: '<b>{series.name}</b>',
    pointFormat: '{point.x}',  // 1554422400
  },

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分: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