Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript highcharts yaxis小时为实际小时数,而非天数_Javascript_Jquery_Highcharts - Fatal编程技术网

Javascript highcharts yaxis小时为实际小时数,而非天数

Javascript highcharts yaxis小时为实际小时数,而非天数,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我这里有一个JSFIDLE: 我正在努力让yaxis上的小时数以小时数的形式显示出来,而不是以天为单位。该示例显示,24小时后,它将滑入1月2日,而不是25或26小时 我的yaxis代码看起来有点像: yAxis: { type: 'datetime', dateTimeLabelFormats: { hour: '%H:%M:%S' }, title: {

我这里有一个JSFIDLE:

我正在努力让yaxis上的小时数以小时数的形式显示出来,而不是以天为单位。该示例显示,24小时后,它将滑入1月2日,而不是25或26小时

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

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

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

我将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
      },
我希望它能像我所希望的那样工作,但我希望它能更自然一点