ハイチャートラインチャートの時間の長さ

Question

ハイチャートを使用し始めたばかりで、ちょっと立ち往生しています。

私は人と時間のグラフを描く必要があります。私は私がオンラインで見つけると、次のを持っているいくつかのコードを編集した：MM：しかし、私はまた、唯一のHHを表示する瞬間イム時点の秒を表示したい

$(function() { 
    // Call Times 
    $('#TotalCallDuration').highcharts({ 
     chart: { 
      type: 'line' 
     }, 
     title: { 
      text: '', 
      x: -20 //center 
     }, 
     xAxis: { 
      categories: ['Person 1','Person 2','Person 3','Person 4','Person 5','Person 6','Person 7','Person 8','Person 9','Person 10','Person 11',] 
     }, 
     yAxis: { 
      title: { 
       text: 'Total Call Duration' 
      }, 
      type: 'time', 
      labels: { 
       formatter: function() { 
        var time = this.value; 
        var hours1=parseInt(time/3600000); 
        var mins1=parseInt((parseInt(time%3600000))/60000); 
        return (hours1 < 10 ? '0' + hours1 : hours1) + ':' + (mins1 < 10 ? '0' + mins1 : mins1); 
       } 
      } 
     }, 
     series: [{ 
      data: [7464000,4327000,3388000,3611000,3261000,5740000,9433000,8591000,8114000,3059000,10866000], 
      dataLabels: { 
       enabled: false, 
       formatter: function() { 
        var time = this.y/1000; 
        //var time = this.y; 
        var hours1=parseInt(time/3600); 
        var mins1=parseInt((parseInt(time%3600))/60); 
        return (hours1 < 10 ? '0' + hours1 : hours1) + ':' + (mins1 < 10 ? '0' + mins1 : mins1); 
       } 
      }, 
     }] 
    }); 
}); 

私もhttps://jsfiddle.net/MarcellusWallis/jnp6xodk/

を作成しました。 MM：私は行にカーソルを合わせると

はまた、私は伝説のポップアップが、HHミリ秒単位ではなくその表示を得るSS

Answer 1

は、あなたがdateTimeLabelFormatsを使用することができますし、ツールチップのためにあなたがpointFormatを使用することができY軸ラベルに書式を変更するにしてそこにあなたのフォーマットを設定してください。

例：https://jsfiddle.net/s6t8ghvu/

関連するコード：

yAxis: { 
    title: { 
    text: 'Total Call Duration' 
    }, 
    type: 'datetime', 
    dateTimeLabelFormats: { 
    minute: '%H:%M:%S' 
    } 
}, 
tooltip: { 
    pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y: %H:%M:%S}</b><br/>' 
},