悬停时的X轴在高位图中显示标题

Question

我应该显示用户点/悬停在x轴标签完整标签上时的分组堆积柱形图。如何在不使用XAxis块中的formatter属性的情况下执行此操作。这是小提琴fiddlelink。在Snippet中，当标签很大时，我会添加省略号。

TIA

xAxis: {
            categories: ['Appleeeeeeeeeee','Bateeeeeeeeeeeeeeeeee','Catdafafda','Dogasdfasfa','Elephantadasfasd'],
            labels: {
                enabled: true,
                y: 8,
                formatter: function() {
                    var xlabel = this.value,
                        formatted = xlabel.length > 10 ? xlabel.substring(0, 7) + '...' : xlabel;
                    console.log(formatted + " xAxislabel");
                    return formatted;
                },
                overflow: 'justify',
                align: 'left',
                rotation: 39
            },

            startOnTick: false,
            endOnTick: false
                //tickPositions: [0]

        },