javascript - Highcharts.js xAxis の最後に現在の時間ラベルを配置する方法

Question

dateformat xAxis のグラフがあります。たとえば、今日は 11 月 5 日です。PointInterval は 1 日です。PointStart - 11 月 3 日

「NOVの3」「NOVの4」「NOVの5」のポイントがあります。ただし、最後のポイントは日ではなく、現在の時刻にする必要があります。

例: 「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]        
    }]
});