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

#javascript #highcharts

Вопрос:

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

Ссылка на JS Fiddle:https://jsfiddle.net/mewohraz/1 /

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

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

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

Ответ №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 ;
    }
}