外側のドーナツツールチップのヘッダーとしてのハイチャート内側のドーナツ名

Question

内側のドーナツ名をハイチャートの外側のドーナツツールチップのヘッダーとして設定しようとしています。誰でもこのことを助けてくれますか？この例のリンクでは、内側の円グラフに表示されるクロムは、外側のドーナツのツールチップ内のすべてのクロムブレークダウンのヘッダーとして表示されます。

http://www.highcharts.com/demo/pie-donut

おかげで、あなたがあなた自身のtooltip.formatterのコールバックを設定する必要が Sarath

Answer 1

。

グラフのデータを作成するときに外側の点を内側の点にリンクすると便利です。

versionsData.push({ 
    name: data[i].drilldown.categories[j], 
    browserName: categories[i], //additional property for linking with the inner series 
    y: data[i].drilldown.data[j], 
    color: Highcharts.Color(data[i].color).brighten(brightness).get() 
}); 

さて、フォーマッタであなたは、名前のシリーズをチェックすることができる - と、それに応じて - 含まれるヘッダ内のデフォルトのフォーマッタまたは変更されたテキストを返すpoint.browserName

tooltip: { 
    valueSuffix: '%', 
    formatter: function(tooltip) { 
    if (this.series.name === 'Versions') { 
     return ('<span style="font-size: 10px">' + this.point.browserName + '</span><br/>').concat(tooltip.bodyFormatter([this])); 
    } 

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

例：http://jsfiddle.net/wss6896b/