包含所列类别中所有项目的Highcharts工具提示

Question

我有一个highcharts页面/柱形图，显示所有当前角色和员工数量....即：开发人员 - 3，高级开发人员 - 2，Master Developer-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;
                }

            },

当我将鼠标悬停在Developer列上时，我希望在一个工具提示中看到一个工具提示，其中包含所有开发人员信息：John Smith - ABC123 - 开发人员Karen Adams - XYZ553 - 开发人员Louis Hughes - HGT123 - 开发人员

当我将鼠标悬停在相关列上时，与3个单独的工具提示相对。对不起，如果这是令人困惑的:(

Answer 1

你需要为这样的点添加$ .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/的演示

Answer 2

您需要为工具提示启用shared选项：

tooltip: {
    shared: true
}

现场演示：https://jsfiddle.net/BlackLabel/ta4yn8L7/

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