Всплывающие подсказки со всеми предметами в категории - PullRequest
Новая
       43

Всплывающие подсказки со всеми предметами в категории

0 голосов
/ 22 апреля 2019

У меня есть таблица с верхними строчками / столбец, показывающий все текущие роли и количество сотрудников .... то есть: Разработчик - 3, Старший разработчик - 2, Мастер-разработчик-1. Я могу отображать информацию всплывающей подсказки для каждой категории просто отлично. Что я не могу сделать, это обобщить / объединить эту информацию во всплывающей подсказке. Текущий код всплывающей подсказки: 

         tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b><b>{point.name}</b>: {point.percentage:.1f} %',
                formatter: function () {
                    return '<b>' + this.x + '</b><br/>' +
                        this.series.name + ': ' + this.y + '<br/>' +
                        'Total: ' + this.point.stackTotal;
                }

            },

При наведении курсора на столбец «Разработчик» я хотел бы видеть ОДНУ подсказку со всей информацией о разработчике в одной подсказке: Джон Смит - ABC123 - Разработчик Карен Адамс - XYZ553 - Разработчик Луи Хьюз - HGT123 - Разработчик

В отличие от 3 отдельных всплывающих подсказок при наведении курсора на соответствующий столбец. Извините, если это сбивает с толку: (

enter image description here

Ответы [ 2 ]

0 голосов
/ 23 апреля 2019

Вам необходимо включить опцию shared для всплывающей подсказки: 

tooltip: {
    shared: true
}

Демонстрационная версия: https://jsfiddle.net/BlackLabel/ta4yn8L7/

API: https://api.highcharts.com/highcharts/tooltip.shared

0 голосов
/ 22 апреля 2019

Вам нужно добавить $ .each для таких очков 

tooltip: {
                    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b><b>{point.name}</b>: {point.percentage:.1f} %',
                    formatter: function () {
                        let s = "";
                        $.each(this.points, function () {
                        s += '<b>' + this.x + '</b><br/>' +
                            this.series.name + ': ' + this.y + '<br/>' +
                            'Total: ' + this.point.stackTotal;
                        }
                        return s;
                    }

                },

Это демо о форматере http://jsfiddle.net/viethien/ryz5c8o3/23/

...