highcharts yaxis小时作为实际小时而不是天

时间:2012-10-31 11:59:59

标签: javascript jquery highcharts

我在这里有一个JSfiddle:http://jsfiddle.net/mW9XD/

我正在努力让yaxis上的小时数实际显示为小时而不是数天。这个例子显示,24小时后它会滑入1月2日而不是25或26小时。

我的yaxis代码看起来有点像:

yAxis: {
            type: 'datetime',
            dateTimeLabelFormats: {
                 hour: '%H:%M:%S'
            },
            title: {
                 text: 'Hours'
            },
            min: 1000,
            startOnTick: false,
            showFirstLabel: false
        },

如何让它显示小时而不是小时/天?

1 个答案:

答案 0 :(得分:0)

我将yAxis改为:

yAxis: {
           type: 'linear',
           labels:{
               formatter: function(){
                    var seconds = (this.value/ 1000) | 0;
                    this.value -= seconds * 1000;

                    var minutes = (seconds / 60) | 0;
                    seconds -= minutes * 60;

                    var hours = (minutes / 60) | 0;
                    minutes -= hours * 60;
                    return hours;
                }
           },
           title: {
               text: 'Hours'
           },
           min: 1000,
           startOnTick: false,
           showFirstLabel: false
      },

按照我想要的方式工作,希望它有点原生。