突出顯示系列懸停高位圖

Question

有沒有一種方法可以突出顯示與Highcharts溢出，如附圖所示的截圖所示。我嘗試了十字準線設置，但沒有考慮y軸的圖例。

非常感謝您的幫助。

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

Answer 1

嘗試使用renderer.rect()和更新它的鼠標懸停位置，請參見：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是可選的，onl如果你想隱藏盒子，當你離開容器或點時需要。