ハイチャートを使用してツリーマップの2番目のツールチップを削除します

Question

ウェブアプリケーションでハイチャートを使用してツリーマップを描画しています。私は最新のハイチャートCDNを使用しています。 私はちょうどうまく動作しているカスタムツールチップを書いています。しかし、私はもう少し小さなツールチップを見ることができます。私は2番目のものを取り除きたい。私は2番目のツールチップのコードを書いておらず、そのツールチップは小さい（形状の）データポイントに対してのみ表示されています。

次の画像には、削除するカスタムツールチップとその他のもの（小さいもの）が表示されます。ここで

私のコードは、これは、ブラウザの機能であるならば、私に知らせてください、また

$.getJSON("URL_TO_GET_DATA_FROM_SERVER", function(json) { 

    $('#container').highcharts({ 
    colorAxis: { 
     minColor: '#FF0000', 
     maxColor: '#00FF00', 
     stops: [ 
     [0, '#FF0000'], 
     [0.50, '#736F6E'], 
     [1, '#00FF00'] 
     ] 
    }, 
    title: { 
     text: '' 
    }, 
    tooltip: { 
     backgroundColor: { 
     linearGradient: [0, 0, 0, 60], 
     stops: [ 
      [0, '#FFFFFF'], 
      [1, '#E0E0E0'] 
     ] 
     }, 
     borderWidth: 1, 
     borderColor: '#AAA', 
     borderRadius: 2, 
     formatter: function() { 
     return 'Ticker: <b>' + this.point.name + '</b><br></br>Market Cap (JPY M): <b>' + this.point.value.toFixed(2) + '</b><br></br>Percent Change (%): <b>' + this.point.colorValue.toFixed(2) + '</b>'; 
     } 
    }, 
    series: [{ 
     type: 'treemap', 
     layoutAlgorithm: 'squarified', 
     data: json, 
    }] 
    }); 
}); 

です。私はGoogle Chromeを使用しています。

Answer 1

ちょうどこの（<title>要素）を引き起こしている要素を除去する方法は、お使いのチャートオプションにこれを追加している：それはなかった場合は、最後のポイントは、タイトルを持っていたでしょうthis JSFiddle

chart: { 
    events: { 
     load: function(e) { 
      $(".highcharts-data-labels text > title").remove(); 
     }, 
     redraw: function(e) { 
      $(".highcharts-data-labels text > title").remove(); 
     } 
    } 
} 

チェック除去された。