突出显示系列悬停高图

Question

有没有办法突出显示溢出的Highcharts，如屏幕截图所示。我尝试使用十字准线设置，但不考虑y轴的图例。

提前感谢您的帮助。

http://cl.ly/image/1E1P0N3E2s26

Answer 1

尝试使用renderer.rect()并更新它在mouseOver上的位置，请参阅：http://jsfiddle.net/NUP9m/4/

添加框的代码：

    chart: {
        type: 'bar',
        events: {
            load: function () {
                this.highlight = this.renderer.rect(0, -100, 500, 40).attr({
                    fill: 'rgba(255,0,0,0.2)',
                    zIndex: 0
                }).add();
            }
        }
    },

管理方框：

                events: {
                    mouseOver: function () {
                        var h = this.series.chart.highlight;

                        if (h) {
                            // h.show();
                            h.attr({
                                y:  this.series.chart.plotTop - this.plotX + this.series.chart.plotHeight - h.height / 2
                            });
                        }
                    },
                    mouseOut: function () {
                        var h = this.series.chart.highlight;

                        if (h) {
                            // h.hide();
                        }
                    }
                }

请注意，mouseOut是可选的，只有在您要离开容器或点时才需要隐藏框。