highcharts - 高图中的工具提示覆盖栏

Question

如何避免 Highcharts 中的工具提示覆盖整个栏？我正在尝试创建具有向下钻取功能的条形图，但下面示例中的“John”栏总是被工具提示本身覆盖，这使得向下钻取非常困难。

http://jsfiddle.net/3XZwV/

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Column chart with negative values'
            },
            xAxis: {
                categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
            },
            credits: {
                enabled: false
            },
            plotOptions: {
                series: {
                    cursor: 'pointer'
                }
            },
            series: [{
                name: 'John',
                data: [-1, -1, -1, -1, 2]
            }, {
                name: 'Jane',
                data: [2, -2, -3, 2, 1]
            }, {
                name: 'Joe',
                data: [3, 4, 4, -2, 5]
            }]
        });
    });

Answer 1

如果您有兴趣，可以通过几种方式进行操作。

修复工具提示的位置

使用 . 修复工具提示的位置tooltip positioner。

        tooltip: {
        positioner: function () {
            return { x: 80, y: 50 };
        }

一个工作示例是here.

使用跟随指针

使用跟随指针选项。您可以避免您面临的问题并允许工具提示仍然浮动。

tooltip:{
            followPointer:true
        },

另一个工作示例是here.