2017-03-07 5 views
0

2つの重なりポイントがある場合、下のマップの共有ツールチップを表示する方法。オーバーラップする場所のハイパーリンク共有ツールチップ

たとえば、ノースグラスゴーとサウスグラスゴー - 私は、同じ地点または実際に近い地理的地点を使用し、両方の地点に対して1つのツールチップを表示できるようにしたいと考えています。

共有と分割のツールチップオプションを試しましたが、機能しませんでした。

tooltip: { 
    headerFormat: '', 
    pointFormat: '<b>{point.name}</b><br>Lat: {point.lat}, Lon: {point.lon}', 
    shared: true 
}, 

fiddle

答えて

0

追加情報が含まれている1ポイントを定義します。 次のように一つにグラスゴーのポイントを減らすことができます。

{ 
     name: 'Glasgow', 
     lat: 55.858, 
     lon: -4.259, 
     subnames: ['South Glasgow', ['North Glasgow']] 
    } 

をそして、あなたは追加情報のツールチップフォーマッタでのアクセス権を持っている:

formatter: function (tooltip) { 
     const subnames = this.point.options.subnames; 
     if (subnames) { 
     return ` 
      <b>${subnames[0]}</b><br> 
      <b>${subnames[1]}</b><br> 
      Lat: ${this.point.lat}, Lon ${this.point.lon} 
     ` 
     } 

     return tooltip.defaultFormatter.call(this, tooltip); 
    } 

例:http://jsfiddle.net/f9wxu2o7/1/

+0

は、このありがとう非常に役に立ちます。今すぐデータを再構成するだけです。 – rafalski

関連する問題