Question

我有一个高图页面/列图表，显示了所有当前的角色和员工人数。...即：开发人员-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;
                }

            },

当我将鼠标悬停在“开发人员”列上时，我想在一个工具提示中看到一个带有所有开发人员信息的工具提示： 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

高图工具提示，其中列出了类别中的所有项目

2 个答案: