Как отобразить пользовательский текст для определенной категории во всплывающей подсказке

Question

У меня есть круговая диаграмма, и я хочу отображать пользовательский текст специально для определенной категории, когда пользователь наводит курсор на эту категорию.

JS Fiddle Link: https://jsfiddle.net/mewohraz/1/

tooltip: {
    pointFormat: '{point.custom} (point.category == 'Internet Explorer) ? 'display customtext'
},

например, когда пользователь наводит курсор на Internet Explorer, я хочу отобразить маркированный список версий. Текст будет жестко закодирован, поэтому он не будет взят из ряда данных.

Как мне это сделать?

Answer 1

Вы можете использовать функцию formatter опции всплывающей подсказки, чтобы определить свой собственный текст: tooltip.formatter

tooltip: {
    formatter: function(){
        if(this.point.name == "Internet Explorer")
            return "my custom text" ;
        else
            return '<span style="color: ' + this.point.color + '">' + this.point.name + '</span><br/>' + this.point.custom ;
    }
}