Highchart внутреннее имя пончика как заголовок для внешней подсказки donut

Question

Я пытаюсь установить внутреннее имя пончика как заголовок для внешней подсказки пончиков в highchart. Может кто-нибудь, пожалуйста, помогите мне в этом. В примере ссылка chrome, отображаемая на внутренней круговой диаграмме, должна отображаться как заголовок для всех хромовых пробоев на наконечнике внешнего пончика.

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

Спасибо, Sarath

Answer 1

Вы должны установить свой собственный tooltip.formatter обратного вызова.

Было бы полезно, если бы вы связывали внешние точки с внутренними точками при создании данных для диаграммы.

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/