HighMaps分組懸停

Question

目標：在下面的演示中，如果你將鼠標懸停在右上角的狀態上，你會看到它們都被命名爲「Intermountain」。我需要他們全部突出顯示懸停，文檔沒有提供詳細信息如何執行此操作。

我嘗試使用

   states: { 
        hover: { 
         enabled: true 
        } 
       }, 

，但它不會做什麼，我需要。

演示：http://jsfiddle.net/TUy7x/781/

$(function() { 

    // Initiate the chart 
    $('#container').highcharts('Map', { 

     series: [{ 
      "type": "map", 

      states: { 
       hover: { 
        enabled: true 
       } 
      }, 
       "data": //more than highchart character limits 
    }); 
}); 

Answer 1

你能趕上鼠標懸停/鼠標移開，然後找到具有相同名稱的所有點。

series:{ 
      point:{ 
       events:{ 
        mouseOver:function(){ 

         var series = this.series, 
          name = this.name; 

         $.each(series.data, function(i, data){ 
          if(data.name === name) { 
           data.setState('hover'); 
          } 
         }); 
        }, 
        mouseOut:function(){ 
         var series = this.series, 
          name = this.name; 

         $.each(series.data, function(i, data){ 
          if(data.name === name) { 
           data.setState(''); 
          } 
         }); 
        } 
       } 
      } 
     } 

實施例：http://jsfiddle.net/TUy7x/782/