javascript - Highcharts.js如何将当前时间标签放在xAxis的末尾

Question

我有一个带有日期格式 xAxis 的图表。例如，今天是 11 月 5 日。PointInterval 为 1 天。PointStart - 11 月 3 日。

将有“3 of NOV”、“4 of NOV”和“5 of NOV”积分。但最后一点不应该是一天，而是当前时间。

像这样：“11 月 3 日”、“11 月 4 日”、“今天 16:30”

怎么做？

Answer 1

使用格式化程序，您可以在其中确定标签是否是最后一个。见：http: //jsfiddle.net/3bQne/664/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        type:'datetime',
        tickInterval: 24 * 3600 * 1000,
        labels: {
            overflow: 'justify',
            formatter: function (){
                if(this.isLast){
                    return 'today ' + Highcharts.dateFormat('%H:%M', (new Date().getTime()));    
                } else {
                    return Highcharts.dateFormat('%e of %b', this.value);
                }
            }
        }
    },

    series: [{
        pointStart: Date.UTC(2013, 10, 3),
        pointInterval: 24 * 3600 * 1000,
        data: [29.9, 71.5, 106.4]        
    }]
});