Javascript 问题Highchart在悬停图例上显示/隐藏数据标签

此Highchart示例通过鼠标在图例系列上显示/隐藏数据标签

 plotOptions: {
        series: {
            dataLabels: {
                enabled: true
            },
            events: {
                mouseOver: function(event) {
                    $.each(this.data, function(i, point){
                        point.dataLabel.show();
                    });
                },
                mouseOut: function(event) {
                    $.each(this.data, function(i, point){
                        point.dataLabel.hide();
                    });
                }
            }
        }
    },

但在公共场所显示数字是很困难的

如何解决这个问题

提前谢谢

---

示例：

您需要为数据标签启用

allowOverlap

选项：

plotOptions: {
  series: {
    dataLabels: {
      enabled: true,
      allowOverlap: true
    },
    ...
  }
}

---

现场演示：

API参考：