2017-07-14 6 views
0

Highstockからhighchartsに切り替えていますが、何らかのエラーが発生しました。Highstockは{point.tt}を使用できますが、Highchartsはそうではありません、なぜですか?

私のポイントは{x:11、y:22、tt: 'xx'}です.ttはツールチップのヘッダーに表示したい自分で定義します。しかしヘッダーはHighchartsに表示されません。

私の例はjsfiddleですが、HighStockはOKですが、Highchartsはヘッダーを表示できませんでした。

$(function() { 
    var chart = new Highcharts.StockChart({ 
    //var chart = new Highcharts.Chart({ 
     chart: { 
     renderTo: 'container' 
     }, 
     series: [{ 
     name: 'USD', 
     data: [{ 
      x: 86400000 * 6, 
      y: 3, 
      tt: 'xx' 
     }] 
     }], 
     plotOptions: { 
     line: { 
      tooltip: { 
      headerFormat: '<span style="font-size: 10px">{point.tt}</span><br/>', 
      } 
     }, 
     } 
     }); 
    }); 

答えて

2

実際には、datetime軸の機能です。 Highstockでは、軸タイプがdatetimeメソッドの場合、headerFormatはラッパー(拡張)です。また、ハイストラップファイルからのラップもあり、ハイチャートは存在しません。

xAxis: { 
    type: 'datetime' 
}, 

例:あなたは軸の異なる種類を使用する場合はhttp://jsfiddle.net/cwm3pcuq/2/

あなたはフォーマッタhttp://api.highcharts.com/highcharts/tooltip.formatterでツールチップを構築することができます。

関連する問題