Highcharts 柱形图，tootip显示不正确

我有一个包含三个系列的简单柱状图：

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Chart'
        },

        xAxis: {
            categories: ['']
        },

        series: [{
            name: "Test1",
            data: [30]
        },
        {
            data: [60]
        },
        {
            data: [10]
        },        
    ]
    });
});

但在渲染图表时，当鼠标位于某个条形图上方时，系列工具提示显示不正确（未居中）：

我做错了什么

---

下面是JSFiddle:

工具提示崩溃的原因是，您在代码中创建了如下类别

xAxis: {
            categories: ['']
        },

默认情况下，类别和系列数据将显示在工具提示中

要获得正确的工具提示，可以提供正确的类别值，也可以使用格式化程序

 xAxis: {
            categories: ['Test 1', 'Test 2', 'Test 3']
        },

---

默认情况下，Highchart的工具提示放置在正确的位置。但在您的情况下，您将类别设置为空。删除此项：

   xAxis: {
        categories: ['']
    } 

工作小提琴

---

换句话说

将useHTML设置为true。示例：，在其他情况下，用于修改工具提示的内容。谢谢，我需要空类别，因此缺少格式化程序设置：工具提示：{formatter:function（）{return'● ' + this.series.name+”：“+this.y+”；}，}，