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

时间:2013-11-05 08:16:22

标签: javascript highcharts

我有一个带有dateformat xAxis的图表。例如今天是第五个ov nov。 PointInterval是1天。 PointStart - 新闻中的3个。

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

像这样:“NOV 3”,“NOV 4”,“今天16:30”

怎么做?

1 个答案:

答案 0 :(得分:2)

使用格式化程序,您可以在其中确定标签是否为最后一个。请参阅: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]        
    }]
});