2016-05-01 9 views
1

Highchartsツールチップの値を変更することはできますか?Higchartsツールチップの値を変更する

$(function() { 
    $('#container').highcharts({ 

     chart: { 
     }, 

     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 
           'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     tooltip: { 
      shared: true 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]}, 
     { 
      data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5]}] 

    }); 
}); 

はフィドルのみシリーズ2値HH:MM(216.4 = 3時間36分)としてtimeformatでなければならないhttp://jsfiddle.net/LBsL5/

を参照してください。

アイデア?

答えて

2

ツールチップpointFormatterを使用して時間と分を計算し、必要な書式を返すことができます。例えば、(JSFiddle):

tooltip: { 
    pointFormatter: function() { 
     var hours = ("0" + Math.floor(this.y/60)).slice(-2); 
     var minutes = ("0" + Math.round(this.y - (Math.floor(this.y/60) * 60))).slice(-2); 

     return '<span style="color:{point.color}">\u25CF</span> ' 
       +this.series.name+': <b>'+hours+':'+minutes+'</b><br/>'; 
    } 
} 
+0

Anwserいただきありがとうござい だけシリーズ2値がTIMEFORMATに蜂をSHOLD。 これも可能ですか? GreatingsRené –

+2

どのシリーズがホバリングされているかチェックできます。 http://jsfiddle.net/LBsL5/4/ –

+0

を参照してくださいありがとう、これはそれです。あなたは素晴らしいです。 –

関連する問題