Highstocksでは、グラフの上にカーソルを置いたときのデフォルトの日時ラベルを変更するにはどうすればよいですか？

私はハイチャート/ハイストックのデフォルトのx軸ラベルをフォーマッタ関数で変更することができましたが、APIを見てもオンホバータイトルを変更する方法はわかりません（例：グラフの 'Mark'はMarkの正しい値とともに 'Thursday ..'と読みますが、値とともに 'Mark'というタイトルが付いています。これをどのように変更しますか？（私は私が提示よりもはるかに多くのデータを持っているのでhighstocks（ないhighcharts）を使用したい）Highstocksでは、グラフの上にカーソルを置いたときのデフォルトの日時ラベルを変更するにはどうすればよいですか？

<html> 
<body> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="http://code.highcharts.com/stock/highstock.js"></script> 
<script src="http://code.highcharts.com/modules/data.js"></script> 
<div id="container"></div> 
</body> 
<head> 

<script type="text/javascript"> 
    var newLabels = ['Marky', 'Ricky', 'Danny', 'Terry', 'Mikey']; 
    $('#container').highcharts('StockChart', { 
    chart: { 
     type: 'column' 
    }, 
    credits: { 
      enabled: false 
     }, 
    xAxis: { 
      categories: ['Marky', 'Ricky', 'Danny', 'Terry', 'Mikey'], 
      labels: { 
      rotation: -45, 
      formatter: function() { 
      return newLabels[this.value]; 
      }}, 
     }, 
    title: { 
     text: 'Anything But the Index' 
    }, 
    series: [ 
     {name: '1',data:[0.067028837967,0.0,0.0]}, 
     {name: '1a',data:[0.187515270425,0.18818380744,0.0857142857143]}, 
     {name: '1b',data:[0.31600895865,0.0,0.169987200178,0.399354014733,0.0873578570502]}, 
     {name: '2',data:[0.0,0.0,0.0,0.0,1.0]}, 
     {name: '3',data:[0.998898678414,1.0,1.0,0.998898678414,1.0]}, 
     {name: '4',data:[0.0,0.0,0.0,0.0,0.3]}, 
     {name: '6',data:[0.505930477918,0.0,0.190192368338,0.597371635879,0.285892370193]}, 
     ], 
    scrollbar: { 
     enabled: true, 
    }, 
    navigator: { 
     series: { 
     type: 'areaspline', 
    }}, 

    rangeSelector: { 
    enabled:false, 
    }, 
    }); 
</script> 
</head> 
<div id="container" style="height: 400px; min-width: 310px"></div> 
</html>

出典

2016-10-09 Vince

だから、ツールチップをカスタマイズしたいですか？これはそれを行う方法です。

https://jsfiddle.net/yfgpg5x2/12/

tooltip: { 
     formatter: function() { 
      var curTickLabelString = this.points[0].series.xAxis.ticks[this.x].label.textStr; 
      var tooltipString = "<b>" + curTickLabelString + ":<br></b>"; 
      var curName, curValue, curColor, curGraphic; 
      for (var i = 0; i < this.points.length; i++) { 
       curName = this.points[i].series.name; 
       curValue = this.points[i].y; 
       curColor = this.points[i].color; 
       curGraphic = '●'; 
       tooltipString += '<br>'+ curGraphic +' <b style="color: ' + curColor + '">' + curName + ':</b> ' + curValue; 
      } 
      return tooltipString; 
     } 
    },