Question

我正在使用highcharts并且我已经定义了我自己的工具提示格式化程序返回一个由div包装的表，因此如果数据太多，则会有一个滚动条。

我写了一个快速演示，在这里显示问题demo_not_able_to_scroll

问题是如果每个图表太过关闭，用户将无法让鼠标进入工具提示，因为当他们移动鼠标时，另一个工具提示显示，但他们必须让他们的鼠标进入工具提示，否则他们无法向下滚动以查看其余结果。

有没有什么方法我可以在没有输入鼠标的情况下让工具提示滚动，比如在工具提示出现后让它集中？

我的形式是：

options.tooltip.formatter = function () {
    var s='<div style="padding:5px;"><b>' + xName +' </b></div> '+
                '<div style="max-height:250px ;min-width: 170px; overflow-y:auto;overflow-x:hidden ">'+ //make a scroll bar to y axis when over 250px
                    '<table style="width: 150px">';
                     +......'</table></div>'
     return s  
}

Answer 1

您可以禁用defult工具提示，并准备额外的div（绝对定位）。然后在点上捕捉mouseOver事件并用内容填充工具提示，设置正确的位置。

 plotOptions: {
                series: {
                    stickyTracking: true,
                    point: {
                        events: {
                            mouseOver: function (e) {
                                receive = 'y: ' + this.y;

                                $('#customTooltip').html(receive)
                                .css({
                                    top: e.target.plotY,
                                    left:  e.target.plotX
                                })
                                .show();
                            },

                        }
                    }
                }
            },

实施例： - http://jsfiddle.net/Lhzyfrzt/11/

如何在显示后使highcharts工具提示可滚动？

1 个答案: