Как показать подсказку вместо суммы в санки - PullRequest
Новая
       23

Как показать подсказку вместо суммы в санки

0 голосов
/ 22 октября 2018

Как показать всплывающую подсказку, которая относится к этой конкретной панели.В настоящее время я могу показать всплывающую подсказку между панелью.Но когда я наводю курсор на футбол или баскетбол, или Роналду, или Месси, вместо подсказки приходит сумма.Как показать подсказку вместо суммы.По сути, это вывод, который я хочу

Когда я наведу курсор на футбол, я хочу 1,2,4,5,6,7,8,9,11,12 Аналогично, когда я наведусь на Баскетбол, я хочу 1112 

Highcharts.chart('container', {

    title: {
        text: ''
    },
        xAxis: {
        type: 'category'
    },

    series: [{
        keys: ['from', 'to', 'weight', 'tooltip'],
        data: [

            ['Football', 'Basketball', 20, [1,2] ],
            ['Football', 'Ronaldo', 3, [4,5,6] ],
            //['Challenged', 'Terminated', 0 ],
            ['Football', 'Other', 1, [7,8,9,11,12] ],
            ['Basketball', 'Messi', 12, [] ],
            //['Instituted', ' Terminated', 0 ],
            ['Basketball', 'Gerad', 6 , [] ],
            ['Basketball', ' Rooney', 2, [11,12] ],

        ],
        type: 'sankey',

        nodeFormat:  function () { 
   var abc = []; 
   each(node.linksTo, function (link) { abc.push(link.tooltip) });

 return abc; 
},


    }]

});

Ответы [ 2 ]

0 голосов
/ 22 октября 2018

Вы должны использовать nodeFormatter funtion для sankey всплывающей подсказки и создать желаемую строку: 

        nodeFormatter: function() {
            var result = '';

            Highcharts.each(this.linksFrom, function(el) {
                result += (el.tooltip && result ? ',' : '') + el.tooltip;
            });

            return result;
        }

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

API: https://api.highcharts.com/highcharts/series.sankey.tooltip.nodeFormatter

0 голосов
/ 22 октября 2018

Здесь нужно сделать две вещи:

  1. Добавить параметр nodeFormat для всплывающей подсказки на панели Bar по умолчанию {point.name}: <b>{point.sum}, поэтому вы видите sum каждый раз, когда вы перемещаете панель

    pointFormat: '{point.fromNode.name} → {point.toNode.name} {point.tooltip}', nodeFormat: '{point.name}: {point.name}'

Я изменил это в вашей скрипке, как указано выше, и он возвращает FoorBall: FootBall, когда я наводю курсор мыши на первую полосу.

Вам нужно написать nodeFormatter функцию для разбора каждой точки.Это функция обратного вызова для определения формата для узлов и по умолчанию undefined.
...