javascript - 格式化 Highcharts - 工具提示中的时间戳、天 x 轴

Question

我的图表每秒更新一次，我想在工具提示中显示时间戳(即 2016 年 4 月 7 日，15:12:38)，并在 x 轴上显示日期。它应该看起来像这样:http://jsfiddle.net/qq5rqazj/2/ 。我不知道如何自定义我的图表。我附上代码片段:

       $('#container').highcharts({
            chart:{
                    type: 'spline',
                    animation: Highcharts.svg,
                    marginRight: 10,
                    events: {load: function () {series = this.series[0];}}
                },
            title:{text: 'Live random data'},
            xAxis:{tickPixelInterval: 150},
            yAxis:{title: {text: 'Value'},
                plotLines: [{value: 0,width: 1,color: '#808080'}]
            },
            tooltip: {
                formatter: function () {
                    return '<b>' + this.series.name + '</b><br/>' +
                        Highcharts.numberFormat(this.x, 2) + '<br/>' +
                        Highcharts.numberFormat(this.y, 2);
                    }
            },
            legend: {
                enabled: false
            },
            exporting: {
                enabled: false
            },
            series: [{ name: 'Random data', data:DatosRecuperados}]
        });

x、y 是数据库中的值，其中 x 是 int，y 是当前时间戳 2016-05-29 17:56:15

Answer 1

您需要在工具栏中使用 Highcharts.dateFormat() 方法(请参阅 http://api.highcharts.com/highcharts#Highcharts.dateFormat )。

下面的示例将返回 this.x 的格式 May 30, 2016:

tooltip: {
    formatter: function () {
        return Highcharts.dateFormat('%B %e, %Y', this.x) + '<br/>' + 
            Highcharts.numberFormat(this.y, 2);
    }
},

正如 Highcharts 文档中所述:

Formats a JavaScript date timestamp (milliseconds since Jan 1st 1970) into a human readable date string. The format is a subset of the formats for PHP's strftime function.

这只是一个子集，因为它不接受某些值，例如完整时间戳的 %c。

希望这会有所帮助!